前面学习了相关js的一些基础知识,这节主要针对定时器作综合运用:
无缝滚动-基础
效果演示:
*物体运动基础
*让div移动起来
*offsetLeft的作用
*用定时器让物体连续移动
--效果原理
让ul一直向左移动
复制li
a),innerHTML和 + ''
b),修改ul的width
滚动过界后,重设位置
a).判断过界
相关代码:
向左向右的功能还有待完善,只需改变isSpeed=5;的参数,这里只有鼠标移入移出事件,类似效果图:
本文共 425 字,大约阅读时间需要 1 分钟。
前面学习了相关js的一些基础知识,这节主要针对定时器作综合运用:
无缝滚动-基础
效果演示:
*物体运动基础
*让div移动起来
*offsetLeft的作用
*用定时器让物体连续移动
--效果原理
让ul一直向左移动
复制li
a),innerHTML和 + ''
b),修改ul的width
滚动过界后,重设位置
a).判断过界
相关代码:
向左向右的功能还有待完善,只需改变isSpeed=5;的参数,这里只有鼠标移入移出事件,类似效果图:
转载于:https://www.cnblogs.com/Annayang/p/4180142.html