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

焦点图轮播特效

难度初级
时长 1小时 1分
学习人数
综合评分9.73
263人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.6 逻辑清晰

最新回答 / stormchou
可以这样试试index += 1; if (index > 5) { index = 1; }index -= 1; if (index < 1) { index = 5; }

最新回答 / 微小唯
myIndex=this.getAttribute('index')  写成myIndex=parseInt(this.getAttribute('index'))就可以了

最新回答 / 王小错
在判断动画结束点击才有效的判断语句里面,把index的变化和showButton方法也加进去<...图片...><...图片...>

已采纳回答 / 遐想也疯狂
+=相当于  index=index+1   -=同理,既每次点击的时候,对原index进行加减

最新回答 / 锦衣无涯
这里假设你图片的偏移尺寸为600 与视频一致- 600 * ( myindex - index ) 当 myindex - index > 0时 获得一个正值 正负得负 偏移量为负值 图片会向左偏移myindex - index < 0 时  获得负值 负负得正 偏移量为正值 图片向右偏移何来找不到偏移量?

最新回答 / 牧神风
if(!animated){animate(-600);}

最新回答 / 大GIGI
因为IE6 7 8 认为class和className是两个不同的属性,所以设置不起效,你可以重写一下。

最新回答 / 赖仕文
老师说的很详细,也是我非常喜欢的方式,能兼容到各种浏览器中~

最新回答 / Slimpan
亲,我的也是这个错误,你帮我看看谢谢

最新回答 / 暖床我最棒
newLeft是每次滚动后的left偏移值(parseInt(list.style.left) + offset),需要拼接上'px'才赋值给list.style.left无限滚动失败是首尾图片临界点的代码出了问题,而非这部分~希望对你有帮助~

已采纳回答 / freeman
我试试给你解释下假如前后不加一张图片的话,图片顺序为[1,2,3,4,5],当你点到第 5 张图时,再点“下一张”(就是要回到第 1 张图那里),这时候,你想象下那个画面,会一瞬间“刷刷刷”地闪过中间那几张图片才能到第 1 张图那里,这样,太难看了吧。为了解决这个问题,所以要在第 5 张那里加多一张 1 图,图片顺序为 [1,2,3,4,5,1]。当你在第 5 张图点下一张时,图片滚动顺序是这样的:5 ----> (1) ----> 1,(注:中间的那个 1 是指后面多加的 1 图),一旦到了...

最新回答 / 慕虎7157230
因为是先切换图,在把值复原
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消