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

焦点图轮播特效

难度初级
时长 1小时 1分
学习人数
综合评分9.73
263人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.6 逻辑清晰
如果图片的宽度是全屏的呢
加油!加油!相信自己!一定要做出轮播图
var olist = $('.list');
setInterval(function(){
var nleft = parseInt($('.list')[0].style.left) - 600;
olist.animate({left:nleft}, 400, function(){
if(nleft <= -2400 ){
nleft = '-600px';
}
else {
nleft = nleft + 'px';
}
$('.list')[0].style.left = nleft;
})
},2000)
啥都不说了,谢谢老师的教学
老师教得很好,谢谢老师
自己写了个JQ的轮播图,想学的可以去看看:https://github.com/RekcuFrehtom/niceDay/blob/master/examples/index.html

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

最新回答 / 微小唯
myIndex=this.getAttribute('index')  写成myIndex=parseInt(this.getAttribute('index'))就可以了
老师讲的很好,对我启发很大,之前有很多不太明白的地方,现在基本上都清楚了,给老师个大赞
看了许多遍似乎有了那么一点茅塞顿开的感觉(╯﹏╰)
帅气,简洁,易懂
不明白的同学还可以去看这篇文章,http://www.cnblogs.com/LIUYANZUO/p/5679753.html

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

已采纳回答 / 遐想也疯狂
+=相当于  index=index+1   -=同理,既每次点击的时候,对原index进行加减
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消