js列表滚动

最新推荐文章于 2024-06-24 15:18:02 发布

创业程序员卡酷

最新推荐文章于 2024-06-24 15:18:02 发布

阅读量634

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript

本文链接：https://blog.youkuaiyun.com/gxrj11/article/details/51262802

javaScript 专栏收录该内容

4 篇文章

订阅专栏

<ul class="alt">
   <div id="mq" style="width:280px;height:88px; white-space:nowrap; font-size:12px; line-height:22px;overflow:hidden" onmouseover="iScrollAmount=0" onmouseout="iScrollAmount=1" >
       <li>1111</li>
       <li>2222</li>
       <li>3333</li>
       <li>4444</li>
       <li>5555</li>
       <li>6666</li>
       <li>7777</li>
       <li>8888</li>
       <li>9999</li>
       <li>2121</li>
       <li>1212</li>
       <li>1313</li>
</div>
</ul>
<script>
   var oMarquee = document.getElementByIdx_x_x("mq"); //滚动对象注意这里的代码 byid要修正，博客给我替换了
   var iLineHeight = 440; //单行高度，像素
   var iLineCount = 12; //实际行数
   var iScrollAmount = 1; //每次滚动高度，像素
   function run() {
       oMarquee.scrollTop += iScrollAmount;
       if ( oMarquee.scrollTop == iLineCount * iLineHeight ) {
           oMarquee.scrollTop = 0;
       }
       if ( oMarquee.scrollTop % iLineHeight == 0 ) {
           oMarquee.scrollTop = 0;
       }
       window.setTimeout( "run()", 50 );
   }
   oMarquee.innerHTML += oMarquee.innerHTML;
   window.setTimeout( "run()", 2000 );
</script>