博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
网页无缝上下滚动
阅读量:5906 次
发布时间:2019-06-19

本文共 470 字,大约阅读时间需要 1 分钟。

  hot3.png

Html代码:

 <div id=demo  class="list_lh">

       <ul id=demo1> </ul>

       <ul id=demo2> </ul>

  </div>

数据放在demo1中 

 

Js代码:

var speed = 50

demo2.innerHTML = demo1.innerHTML

function Marquee() {

  //demo.scrollTop的最大值是400 若demo2.offsetTop< demo.scrollTop的最大值时用demo2.offsetTop

if (400 - demo.scrollTop <= 0){

demo.scrollTop -= demo1.offsetHeight

}else {

demo.scrollTop++

}

}

setInterval(Marquee, speed)

注意点: demo的高度必须小于等于demo1的高度

希望有更好解决方案的人不吝分享,相互交流交流

转载于:https://my.oschina.net/wxdl/blog/843910

你可能感兴趣的文章
AJAX-初学AJAX本地环境配置
查看>>
【精选】Nginx负载均衡学习笔记(一)实现HTTP负载均衡和TCP负载均衡(官方和OpenResty两种负载配置)...
查看>>
Linux常用基本命令( rmdir, rm, mv )
查看>>
POJ2406 Power Strings(KMP)
查看>>
JavaScript-console的使用_016
查看>>
两种方式设置iframe的高度区别
查看>>
Iterator 和 for...of 循环
查看>>
关于iOS 11.x微信连wifi流程中,在Portal页无法拉起微信问题的简单记录
查看>>
Python GUI库wxPython官网Hello World示例的逐行解释
查看>>
RE·WORK 巅峰对话:深度学习将彻底改变医疗健康领域
查看>>
Codeforces Round #442 (Div. 2) A B
查看>>
极值问题(acms)
查看>>
swift UI专项训练8 展示数据
查看>>
一起学shell(十一)之安全的shell脚本:起点
查看>>
Microsoft® Deployment Toolkit 2010之快速部署Windows 7
查看>>
LNMP的技术讲解
查看>>
SVN Hooks的介绍及使用
查看>>
Oracle 字符集的查看和修改【上】
查看>>
tomcat注册windows服务
查看>>
使用qq邮箱的smpt服务发送邮件一定要记得用ssl
查看>>