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

焦点图轮播特效

难度初级
时长 1小时 1分
学习人数
综合评分9.73
263人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.6 逻辑清晰
都说可以用css中的transition属性来实现,,,,但是实现的效果跟视频的不一样啊,还是说我用错了
最主要的核心老师都已经讲过了,有些什么BUG自己测试出来就应该自己思考怎么去解决,而不是去说老师讲的不好,就算去餐厅吃饭,也得你自己拿勺子怼到嘴里
除了点赞第一说的外,这代码还是有个BUG个,当你使用宅男手速点击圆点按钮的时候图片会抽风,解决办法就是button[i].onclick后面加上判断事件这样当动画执行完毕前,小按钮的程序就不会被触发
这动画我看得好难懂哦,呜呜呜、、、、
var myIndex = parseInt(this.getAttribute('index'));
var offset = -960 * (myIndex - index);
//关于这段代码,计算偏移量的,还不理解,我在问答里面详说提问了,求解释
给了一些启发
厉害咯,老师
有很多小BUG,右上角是老师改进后的源代码,自己先码一遍慢慢琢磨,再对照源代码改进
很多bug啊
动画那里写这么多,其实可以用css中的transition属性来实现,不过可以练习学习老师这种实现方法。
get新技能debugger
var buttons = document.getElementById('buttons').getElementsByTagName('span');这样不能连写吧
老师很赞!看完后,懂了很多。
视屏有BUG,自己打出来改动吧
{从这里开始没有理解,因为我觉得既然开始声明变量animated=false,那么!animated就是animated=true,而不是animated=false}然后我们每次点击的时候,

{我们看一下这个animated是不是false,如果是false我们就让它动画,如果不是false我们就不调用这里面的函数(animate(-600)),就不执行动画,}☞我觉得这句话说反了,

在这里面加一个if

animated==false有一个简洁的写法就是
!animated,就是取反,
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消