图片无缝滚动
2014-12-16 23:03
148 查看
今天照着视频教程弄了图片无缝滚动,图片素材来源于网络。
来说说遇到的问题吧:
1.设置控制移动方向的按钮的位置时,右边的按钮一直都在图片的左下方。
解决办法:再增加一个盒子,里面装着图片和按钮的,然后图片和左右按钮都要设置浮动,在设好盒子的宽度就没问题了。
看来我的基础不够扎实。
2.弄清left和offsetLeft的关系
Ul的offsetLeft是Ul与浏览器窗口左边之间的距离,在一般情况下;不过,将Div设为相对定位,将Ul设为绝对定位时,那么Ul的left就是Ul左边与Div之间的距离了,这时Ul的offsetLeft也是,不过,left可以改变,但是offsetLeft只能读取。
3.一开始我就是没理解好这些,在设置图片循环滚动的条件时失败了,不能循环。
来说说遇到的问题吧:
1.设置控制移动方向的按钮的位置时,右边的按钮一直都在图片的左下方。
解决办法:再增加一个盒子,里面装着图片和按钮的,然后图片和左右按钮都要设置浮动,在设好盒子的宽度就没问题了。
看来我的基础不够扎实。
2.弄清left和offsetLeft的关系
Ul的offsetLeft是Ul与浏览器窗口左边之间的距离,在一般情况下;不过,将Div设为相对定位,将Ul设为绝对定位时,那么Ul的left就是Ul左边与Div之间的距离了,这时Ul的offsetLeft也是,不过,left可以改变,但是offsetLeft只能读取。
3.一开始我就是没理解好这些,在设置图片循环滚动的条件时失败了,不能循环。
相关文章推荐
- jQuery图片无缝滚动JS代码ul/li结构
- 图片无缝滚动
- JS实现图片无缝滚动效果
- jQuery使用数组编写图片无缝向左滚动
- 图片的无缝滚动
- 图片无缝滚动
- 利用jQuery无缝滚动插件liMarquee实现图片(链接)和文字(链接)向右无缝滚动(兼容ie7+)
- 滚动视图(UIScrollView)无限无缝左右切换图片,自动顺序加逆序循环播放图片
- Jquery+css实现图片无缝滚动轮播
- 图片横向无缝滚动
- jQuery动画效果实现图片无缝连续滚动
- js 实现图片无缝滚动
- jcarousellite.js 基于Jquery的图片无缝滚动插件
- Javascript图片无缝滚动_妙味课堂
- 图片无缝滚动代码(DIV+CSS+JavaScript)
- ASP.NET中利用DataList实现图片无缝滚动
- 图片无缝循环滚动
- js:四个方向无跳动/无缝滚动,支持图片/html串,支持延时缓慢翻页,ff/ie测试 -- 2012-1-16改
- 图片向左无缝滚动
- 图片无缝滚动