1. 首页
  2. 数据库
  3. 其它
  4. 无缝滚动的简单实现代码(推荐)

无缝滚动的简单实现代码(推荐)

上传者: 2021-01-16 11:13:17上传 PDF文件 41.81KB 热度 16次
原理: 1.给ul一个绝对定位使其脱离文档流,left设置为0,把图片塞进ul里,编写一个“移动”函数,函数功能能够使ul的left以一个正速度向右跑动, 2.设置一个定时器,让”移动”函数每30(参数可变)毫秒执行一次 3.因为ul的长度会“跑”完,此时可以使ul的content也就是img增加一倍, oUl[removed] +=oUl[removed]; 4.此时因为ul的content增加,其width也会随着增大,根据实际项目展示图片数量可能改动或不确定性, oUl.style.width = oLi.length*oLi[0].offsetWidth+'px'; 5.往“
用户评论