javascript实现文字图片上下滚动的具体实例
2013-06-28 00:00
856 查看
<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图片文字上下滚动效果
- js扩展滚动窗口小插件实现文字左右上下滚动效果实例
- 基于javascript滚动图片具体实现
- 用JavaScript实现上下文字滚动特效
- Javascript实现滚动图片新闻的实例代码
- Javascript实现滚动图片新闻的实例代码
- Android_RecyclerView实现上下滚动广告条实例(带图片)
- 文字或图片跟随鼠标移动或键盘控制图片移动实例(javascript实现)
- 网页中实现文字或图片向上不间断滚动的javascript代码
- 用JavaScript实现上下文字滚动特效
- 分享几个Jquery实现的图片文字循环滚动的实例
- 纯javascript实现文字、图片无限滚动效果
- jquery实现多行文字图片滚动效果
- 由于自己的需要搜集的一些关于 “ javascript实现图片的不间断连续滚动” 的代码
- JavaScript实现 页面滚动图片加载
- Android代码实现图片和文字上下布局
- javascript 上下banner替换具体实现