一、无缝滚动——基础 效果演示 物体运动基础 让Div移动起来 offsetLeft的作用，可以想到有offsetLeft就会有offsetRight，还会有offsetWight/offsetHeight 用定时器让物体连续移动 <!DOCTYPE html PUBLIC "-//W3C//DTD ...
分类：
Web程序 时间：
2017-01-30 12:30:23
阅读次数：
266
HTML： <div class="box"> <ul> <li>11111</li> <li>22222</li> </ul> </div> JQ: 调用：$(function(){ setinterval(functon(){ scroll($(".box ul")); },1000); }) ...
分类：
其他好文 时间：
2017-01-18 12:38:18
阅读次数：
184
功能描述： 常见的图片轮播效果，包括改变图片播放滚动的方向，鼠标移入时停止播放。 实现效果： 基础知识： 物体移动基础： 利用offsetLeft和定时器让物体连续移动 复制ul里的li元素： innerHtml和+=，并且修改ul的width属性，使增加后的li位于同一行。 滚动过界： 滚动过界的 ...
分类：
其他好文 时间：
2017-01-16 12:59:20
阅读次数：
217
昨天写的神逻辑，今天终于解决，经过大家的商讨，终于研究出来一套简单的代码！！！ js代码如下： 今天的代码要简洁很多，逻辑相对昨天的也清晰不少，多种尝试，总会发现新的方法！！！ ...
分类：
Web程序 时间：
2016-12-20 23:33:24
阅读次数：
235
今天学习了一下轮播图的写作，想到前一阵学过的无缝滚动得思想，所以就把轮播与滚动结合了一下。不过我的代码的神逻辑我自己都不敢恭维，在没网没参照的情况下，只能硬着头皮往下写，希望跟大家共勉吧。 js运动框架的代码如下： 运行的效果图如下： 自动轮播，下方红色按钮同时变换，点击左右箭头分别到达上一张或下一 ...
分类：
Web程序 时间：
2016-12-20 00:28:51
阅读次数：
864
一、布局 二、获取需要操作的元素 三、做无缝滚动，需要将ul的内容复制一份，并让ul的内容在一行显示，所以我们执行以下操作： 四、首先我们分析向左运动的情况： 五、分析向右运动的情况： 完整代码： ...
分类：
其他好文 时间：
2016-12-04 19:23:49
阅读次数：
185
思路： 赋值所有li，添加到ul末尾,重新计算ul宽度 每次移动一个固定的值，当超出一半时，将ul拉回原位 以下代码 ...
分类：
其他好文 时间：
2016-12-03 10:05:09
阅读次数：
133
