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

焦点图轮播特效

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

最赞回答 / lind
原先就只有一个小圆点亮着,点击按钮,index的值发生变化,执行showButtons()函数,for循环执行找到亮起来的圆点,然后把他熄灭,break直接跳出循环执行buttons[index-1].className = 'on';使相对应的圆点亮起。

最新回答 / mirsent3681149
你把间隔跟速度调一下
其实不用加辅助图,直接5张图,也可以实现。
设置id为list的div的left为0
将容器大小设置为3000后
if(newLeft > 0) {
list.style.left = -2400 + "px";
}
if(newLeft < -2400) {
list.style.left = 0 + "px";
}
也可以实现
觉得不好就别看,sha bi 不好还看 你是 sha b i
得到NaN的那位大兄弟肯定没在html的span里加index。

最新回答 / _This
你还没写完吧,这是我的所有代码,你比对一下吧,希望能帮到你
for循环是为了去除之前的‘on’class名,只有当前的为‘on’。
老师讲得很好,而且还提供源代码,谢谢
为什么我和老师写的一样 但 getElementsByTagName('span')会报错 就大神告知!!thanks!

已采纳回答 / 飞天意大利面神兽
卧槽,不好意思,看错了题目。老师的源代码有一句,var left = parseInt(list.style.left) + offset;element.style,只能获取到元素内部样式,也就是写在元素标签内的样式,所以你写在其他地方的样式是对他来说是不可读的。另外你想要获取到不论是外部还是内部的样式,那么就需要使用getComputedStyle(ele, false)[style]。
这部教程很不错,讲的很详细,代码干脆利索。
喜欢,老师辛苦啦

已采纳回答 / 精慕门3572380
分别在next.onclick = function()和prev.onclick = function()下面加一句:if(animated){return;}
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消