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

焦点图轮播特效

难度初级
时长 1小时 1分
学习人数
综合评分9.73
263人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.6 逻辑清晰
这集看不懂
讲的很好 ,鼓励

已采纳回答 / ppo_YXWU
你把js放到style标签里面了,要放出来;list.style.left=parseint(list.style.left)+offset+'px';}这里应该是parseInt,I要大写。  <div id="list" style="left:-600">这里left少了单位,应该是-600px

最新回答 / lovecherry
i++和++i都是自增加1的意思。区别在于,i++是先运算在加,比如当前这行代码写的是i++,那就是当前代码依旧以i的原始值运算, 下一行代码,才是以i++的值运算。   ++i就是相反了。当前这行代码就按照++i的值运算。
可以用更简单的方法就是使用addEventListener和事件冒泡然后在使用事件源元素获取每个span
buttons.addEventListener(&#039;click&#039;, function(e){var e = window.event || arguments[0];var src = e.target || e.srcElement;
var myIndex= parseInt(src.getAttribute(&#039;index&#039;));var offset = -600 * (myIndex - index);animate(offset);index = myIndex;}, false)
正要用这个呢。 感谢老师的讲解
这个焦点图如果要修改起来很麻烦,还是建议使用其他的方式区实线焦点图。

例如display:none/ display:block
或者z-index
我被带懵了~!

已采纳回答 / haha_0038
这是一种回调函数的使用方式,如果stop(),这是stop方法就被执行了,但是如果写方法名stop,是事件触发时才会调用stop方法

最新回答 / 从此浪迹天涯了无牵挂
刚刚,想了想也没想太明白。调换顺序跑了下程序有些地方想不通。但你那种明显是错误的。你那种算是,先亮新的,然后灭掉旧的。有一种情形下明显不对。就是,当显示第五张图片。这时候,如果你点击右箭头。那么,index变成1,如果按照你的写法。调用showButton,第一个亮。这时候循环的话第一第五都是on,从小到达的话,检测完第一直接break。第五个灭不掉的。一般写程序都应该先消除上一步的影响再进行下一步

最新回答 / zengjd2
有没有其他办法来获取css中的left的值<...图片...>
老师讲的非常好 听的非常清楚哦 谢谢
-600px的那张图怎么和中间的按钮对着的
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消