复制代码 代码如下:
<div style="border:#d3d3d3 1px solid;width:100%;">
<div id="demo" style="overflow:hidden;height:160;width:100%;">
<div id="demo1">
文章标题列表
</div>
<div id="demo2"></div>
</div>
</div>
<script language="javascript">
var speed=30
demo2.innerHTML=demo1.innerHTML
function Marquee(){
if(demo2.offsetTop-demo.scrollTop<=0)
demo.scrollTop-=demo1.offsetHeight
else{
demo.scrollTop++
}
}
var MyMar=setInterval(Marquee,speed)
demo.onmouseover=function() {clearInterval(MyMar)}
demo.onmouseout=function() {MyMar=setInterval(Marquee,speed)}
</script>
您可能感兴趣的文章:
- js实现鼠标悬停图片上时滚动文字说明的方法
- 向左滚动文字 js代码效果
- 基于javascript实现文字无缝滚动效果
- js实现文字滚动效果
- js文字横向滚动特效
- js+div实现文字滚动和图片切换效果代码
- JS实现单行文字不间断向上滚动的方法
- JS实现倒计时和文字滚动的效果实例
- js实现文字垂直滚动和鼠标悬停效果
- javascript跟随鼠标的文字带滚动效果
- JS实现把鼠标放到链接上出现滚动文字的方法