javascript实现文字图片上下滚动的具体实例
2018-10-12 13:55
731 查看
<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滚动图片具体实现
- javascript图片文字上下滚动效果
- 基于javascript滚动图片具体实现
- Android_RecyclerView实现上下滚动广告条实例(带图片)
- Javascript实现滚动图片新闻的实例代码
- 文字或图片跟随鼠标移动或键盘控制图片移动实例(javascript实现)
- 纯javascript实现文字、图片无限滚动效果
- Javascript实现滚动图片新闻的实例代码
- 用JavaScript实现上下文字滚动特效
- 分享几个Jquery实现的图片文字循环滚动的实例
- js扩展滚动窗口小插件实现文字左右上下滚动效果实例
- 用JavaScript实现上下文字滚动特效
- 用JavaScript实现上下文字滚动特效
- 网页中实现文字或图片向上不间断滚动的javascript代码
- JS实现div内部的文字或图片自动循环滚动代码
- 解析javascript瀑布流原理实现图片滚动加载
- 文字不间断滚动(上下左右)实例代码
- 原生javascript实现图片滚动、延时加载功能
- 图片或文字的上下左右滚动