1.无缝滚动——基础 物体运动基础 让Div移动起来 offsetLeft的作用 用定时器让物体连续移动 offsetLeft： 获取物体的左边距；最大的优点在于可以综合考虑所有影响这个物体位置的因素之后，得出来一个最终的结论。 如果仅仅取left，margin就考虑不到； offsetLeft/o ...
分类：
Web程序 时间：
2017-10-15 11:20:01
阅读次数：
139
SuperSlide 插件，Tab标签切换，图片滚动，无缝滚动，焦点图 ...
分类：
Web程序 时间：
2017-10-14 16:55:10
阅读次数：
206
一、匀速运动和缓动运动 缓动运动公式：leader=leader+(target-leader)/10;//leader为初始值0，target为结束值,10可以改变，值越大，速度越慢 二、图片无缝滚动 ...
分类：
其他好文 时间：
2017-09-24 00:23:32
阅读次数：
186
无缝滚动样式图： <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; margin: 0; list-style:none; } .outer { w ...
分类：
其他好文 时间：
2017-09-16 13:30:51
阅读次数：
159
1.定时器加上以后需要进入一次才能引用，所以在上面提前调用一次定时器； 2.当在实现下标小按钮的时候一定要给第三部的num赋值； 3.切记谁做动画谁加定位 ...
分类：
Web程序 时间：
2017-09-10 14:29:09
阅读次数：
203
这段时间在教培训班的学生使用原生javascript实现无缝滚动的动画案例，做了这个原理演示的动画，分享给自学JS的朋友！博主希望对你们有帮助！ 在讲解之前先看一下demo： ps: 上面和下面的滚动进度是一致的，上面红色框是为了演示滚动动画原理做的一个view，下面大一点的才是我们真正看到的无缝滚 ...
分类：
Web程序 时间：
2017-08-17 23:38:57
阅读次数：
455
js替代marquee实现图片无缝滚动 可能大家都碰到过，当marquee中滚动的是图片的时候，滚到终点的时候直接就跳回到起点了，而不像文字那样可以无缝滚动，下面介绍的是通过js来实现图片的无缝滚动。先了解一下下面这几个属性： innerHTML: 设置或获取位于对象起始和结束标签内的 HTMLsc ...
分类：
Web程序 时间：
2017-08-16 18:23:10
阅读次数：
227
实现思路 定义两个滚动块，内容一模一样，从下往上两个紧挨着滚动，当第一个滚动块滚动出容器时（即第二个滚动块顶到了容器的上边缘），此时我们将第一个滚动块设置位置到容器上边缘，由于两个滚动块一模一样，从效果上我们也看不出来容器的内容发生了替换。 html 代码 为了区分效果，我将两个块分别内容设为1和2 ...
分类：
Web程序 时间：
2017-08-16 17:30:50
阅读次数：
210
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> .slide{ width: 800px; height: 200px; border:1px solid red; margin ...
分类：
其他好文 时间：
2017-08-08 17:49:13
阅读次数：
174
