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

焦点图轮播特效

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

已采纳回答 / HiFrontend
横向是因为图片都是向左浮动,同时left取负数那么纵向,图片就不要左浮动,设置为block,同时不用left取负数,使用top去负数就可以了,其它原理相同

已采纳回答 / wang_hao__
span是内联元素,宽度高度设置无效;而且在<span></span>,没有内容情况下当然不显示。float不紧可以左浮动使其在一行显示,而且会转化为块级元素使得宽高设置生效大致这个意思,可以看一下http://www.imooc.com/learn/121 张鑫旭关于浮动的深入讲解 5-3 float与display:block化,

已采纳回答 / 东理阳阳
在写页面的时候手动加上去的,不是原生属性,是自定义的一个属性

已采纳回答 / switr123
因为显示的第一张图应该是img集合中的第2个哦

已采纳回答 / Tom小伙
就是最初通过animate实现图片左右轮播时的实现方法,根据改变left的值,实现图片运动。len = 5.就是移动的次数。也就是图片的数量。/*3.1*/ list.style.left = newLeft + 'px'; if(newLeft > -600){ list.style.left = -3000 + 'px'; } if(newLeft < -3000){ list.style.left = -600 + 'px'...

已采纳回答 / qq_flashboy_0
这是因为你获取的var Btn=document.getElementById("btn").getElementsByTagName('a');个数为4个。index应该从1 到4。

已采纳回答 / _考拉抱大树_
如果你js里用的是style.left获取值的话,这种方法只适用于内嵌在标签里的样式,写在<style type="text/css">里面的内部样式,与外部引入的样式都无法通过该方法获取值(但可以设置元素的left值),所以点击左右的时候就会没有效果,你可以加一条alert语句看一下,获取到的是空。如果不想写成内嵌的样式,可以在获取left值的时候用:var computedStyle = document.defaultView.getComputedStyle(elem, null);c...

已采纳回答 / Dulmcat
<...code...>把你的代码完善了下,改动了一点就好了

已采纳回答 / Merrier
在js中单引号和双引号的作用是类似的,只不过单引号中要嵌套的话只能用双引号,双引号中只能用单引号进行嵌套

已采纳回答 / styela_0
你的图片地址确定有这张图么  parseInt()字符串写错了  你写的是es

已采纳回答 / YshuuuJ
抱歉回复晚了,,你的bannerBox的height单位不对,,加上px就好了
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消