DIY之数据向上循环滚动!-Discuz教程下载

DIY之数据向上循环滚动!

开通本站Svip会员,全站资源免费下
废话不多说,先上动态图哦!
221750ex5q4mgaiqcvc4xy.gif
html代码调用设置数据 简单好用!
222038d4tjen1u49jbgwuf.jpg
显示内容,可根据Discuz自带语句调用。

以下是代码:
  1. <div id="demo" style="height:200px;overflow:hidden;">
  2.         <div id="indemo" style="height:200%;">
  3.             <div id="demo1">
  4.                [loop]
  5.                            <span style="font-size:16px;">
  6. <li>时间:{dateline}   [<a href="{typeurl}">{typename}</a>]   <a href="{forumurl}">[{forumname}]</a><a href="{url}" title="{title}"{target}>   {title}......</a></li>
  7.                            </span>
  8. [/loop]
  9.             </div>
  10.             <div id="demo2"></div>
  11.         </div>
  12.        </div>
  13. </body>
  14. <script type="text/javascript">
  15. speed = 100;        //数字越大滚得越慢
  16. var tab = document.getElementById("demo");
  17. var tab1 = document.getElementById("demo1");
  18. var tab2 = document.getElementById("demo2");
  19. tab2.innerHTML = tab1.innerHTML;
  20. tab.scrollTop = tab1.offsetHeight;
  21. function Marquee(){
  22.     if (tab.scrollTop >= tab1.offsetHeight) {
  23.         tab.scrollTop-=tab2.offsetHeight;
  24.     }else{
  25.         tab.scrollTop+=1;
  26.     }
  27. }
  28. var MyMar=setInterval(Marquee,speed);
  29. </script>
复制代码

全部评论 0

您需要登录后才可以回帖 立即登录
登录
0
0
0
返回顶部