javascript实现文字图片上下滚动的具体实例
更新时间:2013年06月28日 15:52:05 作者:
这篇文章介绍了在JS中文字图片上下滚动的实现代码,需要的朋友可以参考一下
复制代码 代码如下:
<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>
相关文章
躲避这些会改变原数组JavaScript数组方法让开发流畅无阻
JavaScript中有些数组的操作方法并不符合我们预期,容易导致想象不到的结果,因此,为避免这种情况的发生,本文将介绍哪些原生数组方法能改变原数组以及我对于如何更好地使用数组方法的建议2023-05-05
js老生常谈之this,constructor ,prototype全面解析
下面小编就为大家带来一篇js老生常谈之this,constructor ,prototype。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧2016-04-04
《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析
这篇文章主要介绍了Javascript面向对象程序设计单例模式原理与实现方法,结合实例形式分析了《javascript设计模式》中Javascript面向对象单例模式相关概念、原理、用法及操作注意事项,需要的朋友可以参考下2020-04-04


最新评论