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实现汉字和拼音互转的终极方案

    网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,有的不支持多音字、不支持声调或者字典文件太大,无法根据实际需要满足需求。这篇文章给大家修正整理网上的几种常见方法,文章结尾还附简单的JS拼音输入法,本文对大家具有一定的参考借鉴价值,下面一起看看吧。
    2016-10-10
  • 躲避这些会改变原数组JavaScript数组方法让开发流畅无阻

    躲避这些会改变原数组JavaScript数组方法让开发流畅无阻

    JavaScript中有些数组的操作方法并不符合我们预期,容易导致想象不到的结果,因此,为避免这种情况的发生,本文将介绍哪些原生数组方法能改变原数组以及我对于如何更好地使用数组方法的建议
    2023-05-05
  • uniapp微信小程序使用xr加载模型的操作方法

    uniapp微信小程序使用xr加载模型的操作方法

    这篇文章主要介绍了uniapp微信小程序使用xr加载模型的操作方法,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
    2024-07-07
  • JS 对java返回的json格式的数据处理方法

    JS 对java返回的json格式的数据处理方法

    下面小编就为大家带来一篇JS 对java返回的json格式的数据处理方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12
  • DIV菜单层实现代码

    DIV菜单层实现代码

    昨天我问一美工jQuery怎么样了,他说简单的还可以,复杂的就不行了,我又问是哪种程度的复杂?
    2010-11-11
  • js老生常谈之this,constructor ,prototype全面解析

    js老生常谈之this,constructor ,prototype全面解析

    下面小编就为大家带来一篇js老生常谈之this,constructor ,prototype。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-04-04
  • WebPack工具运行原理及入门教程

    WebPack工具运行原理及入门教程

    这篇文章主要介绍了WebPack工具运行原理及入门教程,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-12-12
  • 带你用原生js写一个简单的注册登录页面

    带你用原生js写一个简单的注册登录页面

    这篇文章主要给大家介绍了关于如何使用原生js写一个简单的注册登录页面的相关资料,文中介绍了一个以js验证表单的简洁的注册登录页面,需要的朋友可以参考下
    2023-06-06
  • JavaScript获取页面中超链接数量的方法

    JavaScript获取页面中超链接数量的方法

    这篇文章主要介绍了JavaScript获取页面中超链接数量的方法,涉及JavaScript针对页面元素获取及运算的相关实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-11-11
  • 《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析

    《javascript设计模式》学习笔记三:Javascript面向对象程序设计单例模式原理与实现方法分析

    这篇文章主要介绍了Javascript面向对象程序设计单例模式原理与实现方法,结合实例形式分析了《javascript设计模式》中Javascript面向对象单例模式相关概念、原理、用法及操作注意事项,需要的朋友可以参考下
    2020-04-04

最新评论