为了账号安全,请及时绑定邮箱和手机立即绑定

焦点图轮播特效

难度初级
时长 1小时 1分
学习人数
综合评分9.73
263人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.6 逻辑清晰
.button样式中的宽高度可以不用给
老师的讲解很好啊。
亮小圆点那块就直接看不懂了。
感觉过程太复杂,其实5张图就够了,if判断一下
if (newLeft < -3192) {
list.style.left = -798 + "px";
}
}
}
go();

}
function go() {
if ((speed < 0 && parseInt(list.style.left) > newLeft) || (speed > 0 &&
parseInt(list.style.left) < newLeft)) {
list.style.left = speed + parseInt(list.style.left) + "px";
setTimeout(go, terval);
ie6 除了<a>标签之外很多遍标签都不支持:hover 伪类
老师做的PPT好腻害
啥不说了 赞一个吧
小bug的解决方法:在每一个onclick方法里的第一句加上:if(ainimated)return!表示正在切换时,点击无效!
next.onclick=function(){
if(ainimated)return;//正在切换时,点击无效!
}
老师在讲的时候,在左右切换单击事件中加入啦判断动画是否结束时,if(ainmate == false){
animate(200);
}应该也将下边小图标切换方法放到这个判断里面。这样就不会出现快速点击 图标跟上了鼠标的点击 但是 图片没有!
存在一个bug,就是如果鼠标不移进去不会开始轮播的。在onload里面也要加上paly();
其实不用加辅助图,直接5张图,也可以实现。
设置id为list的div的left为0
将容器大小设置为3000后
if(newLeft > 0) {
list.style.left = -2400 + "px";
}
if(newLeft < -2400) {
list.style.left = 0 + "px";
}
也可以实现
觉得不好就别看,sha bi 不好还看 你是 sha b i
得到NaN的那位大兄弟肯定没在html的span里加index。
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消