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

DIY之数据向上循环滚动!

来自版块 Discuz教程
18130
0
温馨提示:如下载链接失效,请前往 问题反馈专用帖 进行反馈! 兔源码交流群:493651246

废话不多说,先上动态图哦!
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>
复制代码
您需要登录后才可以回帖 立即登录
返回顶部