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

焦点图轮播特效

难度初级
时长 1小时 1分
学习人数
综合评分9.73
263人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.6 逻辑清晰
讲的非常完美,思路清晰,简介明了,谢谢老师
offsetLeft
老师的首尾+图片操作很精髓,那些说5张图就轮播的 一定是没做到自动播放功能那块的,做完自动播放你就会明白为什么老师要用7张图 来完成5张得轮播
谢谢老师!
直接遍历清除是不是会消耗内存呢
我光看图了,根本没听你讲啥
我只能用牛逼2个字来表达我此时的心情
其实还可以用框架辅助一下,或者把图片保存成数组,然后动态生成html元素,然后修改数组,就不用两个辅助图片 了
这老师很不错,我之前一直喜欢做轮播图,但做不出这种效果,其中很多细节值得学习,而且看完这个视频,我感觉不止学到了轮播图,还有很多!谢谢!
牛逼的讲师,敲出牛逼的代码,思路清晰,严谨,万分感谢。。。
以下方法可以解决当鼠标快速点击,图片还在位移中,小圆点仍按点击频率移动的问题。原理同图片移动时点击箭头,位移中箭头点击事件不执行,位移结束后,才执行。
next.onclick = function () {
if (!animation) {
if (str == 5) {
str = 1;
}else{
str += 1;
}
showbuttons();
animate(-600);
}
}
大功告成了,Thanks!!
QUQ老师讲的真好,我觉得我还是有救的?话说这个是用DW做的吗_(:зゝ∠)_
还是有bug,当快速点击小圆点,会出现2边闪的情况
谢谢老师~讲得很详细
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消