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

焦点图轮播特效

难度初级
时长 1小时 1分
学习人数
综合评分9.73
263人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.6 逻辑清晰
老师每一步讲的非常详细,非常好!

已采纳回答 / Pokeman
<...code...>我是这样写的,不过点击事件函数里面index+=1和index-=1应该放在showButton();前面,如下next.onclick=function(){     animate(-720);     index+=1;     showButton(); } prev.onclick=function(){     animate(720);     index-=1;     showButton(); }

已采纳回答 / 未知电阻Rx
 <div id="list" style="left:-600">  少加了px <div id="list" style="left:-600px"> 这才是正确的

已采纳回答 / 慕数据5775487
这里改一下就好了function Smove(a){          var newL=list.offsetLeft+a;          list.style.left=newL+'px'          if (newL<-3000) {           list.style.left=-600+'px';          }          else if(newL>-600){           list.style.left=-3000+'px';         ...

最新回答 / 海的那边是海
position:absolute是相对于父元素的定位.前面的container必须设置relative才会有效.
向着远方悠久的苍穹说的对
还是有个Bug,当你的按钮按的非常快的时候,下面的点和上面的图片就不相符了

最新回答 / 慕数据5775487
给个采纳吧老大,混点积分!呵呵

已采纳回答 / rainy_li3676598
对, 因为你的img都是在List这个div里面,所以只需要对这个DIV进行移动。 这样DIV里面的整体就会一起移动。 如果是让图片平移, 那么你要对每一个图片都要进行处理,复杂程度大大增加。。  

最新回答 / rainy_li3676598
href="javascript:;"  里面需要添加 javascript:;你和JS代码没有粘上来, 无法判断有没有其它问题

最新回答 / rainy_li3676598
如果你写stop();  表示的是立即执行,不管你前面的条件有没有被触发,  你可以写成 function () { stop();}用stop, 类似指针,指向的是stop();这个函数, 而如果你把函数名写全了, 就变成了立即执行,你可以写一个alert实验一下。
原来js操作的CSS样式是行内样式,难怪left写在标签内
好复杂。我我我我......还是过段时间再来看
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消