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

焦点图轮播特效

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

最新回答 / rainy_li3676598
// 下面这分部要学会他这种写法,本来在list.style.left>-600 的时候,是直接回到-3000的,但是加了一个if 和else, 让程序必须执行完-600 到0 的移动后, 再恢复到-3000的位置这个是我的备注,

已采纳回答 / QIUHAHA
给两个a标签加上class:arrow

最新回答 / 鲁卡
http://www.imooc.com/video/664  右下角有个资料下载,点击下载就OK了

最新回答 / 慕移动9181930
如果错误都找出来,证明你学会了,其它可以从别人的代码中找错误也是一种学习方法。iyffvpigriqbarlqakdewmxfiymxiwovdtwwubmgynjjpcqwdiicbqsfsqlzsbrlezzxcfwaoebfylafeidsphyvolkchkdyjresyuhvsbkhvsuzffyxgmlxzxhli

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

最新回答 / cola666
可以再教程右边下载源码

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

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

最新回答 / 小黍
图片的排列是5123451,这样横着排的,要使初始显示的是第一张图片就要把整个list左移5图的宽度,即left:-600px;
课程须知
您需要有HTML,CSS经验,能使用CSS制作静态页面,并对JS基础知识有一定的了解
老师告诉你能学到什么?
您将能掌握非常实用的焦点图轮播特效的制作过程。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消