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

焦点图轮播特效

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

已采纳回答 / rainy_li3676598
对, 因为你的img都是在List这个div里面,所以只需要对这个DIV进行移动。 这样DIV里面的整体就会一起移动。 如果是让图片平移, 那么你要对每一个图片都要进行处理,复杂程度大大增加。。  

最赞回答 / rainy_li3676598
在 HTML 中,某些字符是预留的。 在 HTML 中不能使用小于号(<)和大于号(>),这是因为浏览器会误认为它们是标签。 如果希望正确地显示预留字符,我们必须在 HTML 源代码中使用字符实体如需显示小于号,我们必须这样写:&lt; 或 &#60; 提示:使用实体名而不是数字的好处是,名称易于记忆。不过坏处是,浏览器也许并不支持所有实体名称(对实体数字的支持却很好)。 

已采纳回答 / 慕粉4037318
不加,这个属性是本身就有的,我们不需要添加,可以通过getAtrribute(index)函数直接调用

已采纳回答 / Walk_
小圆点的父容器绝对定位,left:50%   margin-left= - (容器宽度的一半) 

已采纳回答 / 扎克悟空
因为需要模拟无限滚动的效果,就会在整个list中前后各插一张图片,那么5张就变成7张了!也就是3000+2*600=4200  ...具体原理可以再看看原理介绍和无限滚动这两课程。

已采纳回答 / rainy_li3676598
是, 可以通过改变top 或者bottom实现。

已采纳回答 / qq_毛球_04273552
你要知道speed是一直小于0的,如果不加上parseInt( list.style.left ) > 目标值,那么它就会一直重复移动,不会终止。如果你点了右箭头,那么parseInt( list.style.left ) > 目标值成立,然后parseInt( list.style.left )每隔10毫秒会一直减小,当他小到不满足parseInt( list.style.left ) > 目标值时,条件就会不满足然后运行else。恩,没错就是这样。希望你能理解。

已采纳回答 / qq_毛球_04273552
不会啊,应该是你写的有bug有细节做得不好吧,我也是刚学,然而我这样一直点后一切正常,仔细检查检查代码吧,,,,,,

已采纳回答 / 慕粉4277848
offset = '+=' + offset; 等价于offset='+=offset';把offset变成'+=offset'主要为了通过jQuery的animate方法改变list的left,如果提供一个以+= 或 -=开始的值,那么目标值就是以这个属性的当前值加上或者减去给定的数字来计算的,所以此时left的值就是left=left+offset或left=left-offset,两段代码要连起来看。list.animate({'left': offset}, 300, function () { ...

已采纳回答 / 谢尔顿的发际线
可以设置图片的大小。如 img{width:400px;height:600px;}

已采纳回答 / Joker_123
<...code...>

已采纳回答 / 浮世绘浮生
你的程序应该不长吧  最好贴下具体代码。 如果你都 var timer定义了两个setInterval, 除非你是在其中一个timer清除之后 才定义的另一个 ,否则 之后你clearInterval(timer)只能清除后面定义的那个timer,前面定义的已经没有变量指向了  无法清除

已采纳回答 / Kian_
<a> 标签的 href 属性用于指定超链接目标的 URL,href 属性的值可以是任何有效文档的相对或绝对 URL,包括片段标识符和 JavaScript 代码段。这里的href="javascript:;",其中javascript:是伪协议,它可以让我们通过一个链接来调用javascript函数.而采用这个方式 javascript:;可以实现a标签的点击事件运行时,如果页面内容很多,有滚动条时,页面不会乱跳,用户体验更好。

已采纳回答 / QIUHAHA
给两个a标签加上class:arrow
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消