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

焦点图轮播特效

难度初级
时长 1小时 1分
学习人数
综合评分9.73
263人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.6 逻辑清晰
RKs
听不懂的 跟着老师做的也出错的你们要反省一下了 是js基础不足?还是自己只是跟着做 没动脑子呢?
做到这里就卡了
我反手就给老师一。。。。。。。张过去的CD。

最新回答 / weibo_是徐斩仙_0
找到问题了,else里面的list.style.left=parseInt(list.style.left)+offset+"px"; 等号后应该用newLeft,用parseInt(list.style.left)相当于又判断了移动后的位置导致最后一次跳了一张图片
前端如果这样写代码,会被后端骂娘的 =0=
自己写的轮播图,修复了视频中的几个BUG,百度网盘http://pan.baidu.com/s/1dFcmuiP
都说可以用css中的transition属性来实现,,,,但是实现的效果跟视频的不一样啊,还是说我用错了
最主要的核心老师都已经讲过了,有些什么BUG自己测试出来就应该自己思考怎么去解决,而不是去说老师讲的不好,就算去餐厅吃饭,也得你自己拿勺子怼到嘴里
除了点赞第一说的外,这代码还是有个BUG个,当你使用宅男手速点击圆点按钮的时候图片会抽风,解决办法就是button[i].onclick后面加上判断事件这样当动画执行完毕前,小按钮的程序就不会被触发

已采纳回答 / qq_一桥轻雨一伞开_2
<...图片...> 红色区域的代码与蓝色区域的代码换下位置顺序

最新回答 / 故事很长啊
32-36行应该是:            index = myIndex;             showButton();             if(!animated){                animate(offset);            }上一个动画执行完了才可以执行  animate(offset);而你上面的是 动画不在执行的时候才能执行showButton(); 点第一次时在执行动画,这个时候执行不了 showButton(); 点第二次时没在执行动画然后执行了 sh...
这动画我看得好难懂哦,呜呜呜、、、、
var myIndex = parseInt(this.getAttribute(&#039;index&#039;));
var offset = -960 * (myIndex - index);
//关于这段代码,计算偏移量的,还不理解,我在问答里面详说提问了,求解释

已采纳回答 / 望逍遥
offset是传到animate里面的参数,不是最终left的值。将现在offset=-600传到animate之后,animate这个函数还要在加-600,最终变成-1200,也就是第二张图
给了一些启发
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消