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

焦点图轮播特效

难度初级
时长 1小时 1分
学习人数
综合评分9.73
263人评价 查看评价
9.9 内容实用
9.7 简洁易懂
9.6 逻辑清晰
给了一些启发
厉害咯,老师

最新回答 / I小小白
var newLeft = parseInt(list.style.left) + offset;list.style.left = newLeft + "px";我也出现这个问题,检查后发现是第二行代码多了个offset

最赞回答 / 蓝志
因为包含它的容器有宽度   所以你看不到全部  而且容器设置了overflow:hidden;属性   这就只能看见一张图片了之所以看到跳转是因为轮播图要实现无限滚动就需要无限的图片   要让5张图片接连起来   在看到最后一张图片的时候会有一张过渡图片 也就是第一张图片拿到里面显示  效果是感觉五张图片真的接连起来了  不会产生空白过渡这里说不太清楚   自己在浏览器里面多多调试   以及看代码样式里面overflow:hidden;   看看隐藏掉是什么效果
有很多小BUG,右上角是老师改进后的源代码,自己先码一遍慢慢琢磨,再对照源代码改进
很多bug啊

已采纳回答 / 网瘾骚年
用absolute使图片列表相对于父元素进行绝对定位,并且脱离文档,好做移动

已采纳回答 / 飞翔的兔斯基
选中 你要添加的内容  直接按花括号(shift+9)

最新回答 / 要死了
onmouseover、onmouseout 只要是个函数就都可以了,stop 和 play 都是你自己定义好的函数,所以如果在事件执行前没有其他的操作,就可以直接不用再嵌套一层function(){},直接用=指向已定义好的函数就可以了。

已采纳回答 / 小白鼠丨
可以将 debugger 语句放在过程的任何地方以中止执行。  使用 debugger 语句类似于在代码中设置断点。  debugger 语句中止执行,但它不关闭任何文件或清除任何变量。[以上内容来自网络]通俗来说就是他会中断代码的执行,就像视频中,点击圆点后会弹出一个操作按钮,继续执行代码或者退出代码,这个方法可以用来debug,判断某一段是否存在问题
动画那里写这么多,其实可以用css中的transition属性来实现,不过可以练习学习老师这种实现方法。
get新技能debugger
var buttons = document.getElementById('buttons').getElementsByTagName('span');这样不能连写吧
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消