请问下我这个滚动代码怎么不好用呢???

2016-07-07 16:36 来源:www.chinab4c.com 作者:ecshop专家

  1. <div class="content-div" id="ECS_NOTICE_BODY" style="overflow:hidden;word-wrap: break-word;">
  2. <div id=demo1>
  3. {$shop_notice}
  4. </div>
  5. <div id=demo2></div>
  6. </div>
  7. <!-- 最新文章 -->
  8. <div class="content-div" id="ECS_ARTICLE_BODY" style="display:none" >
  9. <ul class="article-list">
  10. <!--{foreach from=$new_articles item=article}-->
  11. <li>[<a href="{$article.cat_url}">{$article.cat_name}</a>] <a href="{$article.url}" title="{$article.title|escape:html}">{$article.short_title}</a></li>
  12. <!--{/foreach}-->
  13. </ul>
  14. </div>
  15. <script>
  16. {literal}
  17. function $(obj){
  18. return document.getElementById(obj);
  19. }
  20. var speed=30
  21. $('demo2').innerHTML=$('demo1').innerHTML //克隆demo1为demo2
  22. function Marquee(){
  23. //当滚动至demo1与demo2交界时
  24. if($('demo2').offsetTop - $('content-div').scrollTop<=0)
  25. $('content-div').scrollTop-=demo1.offsetHeight //demo跳到最顶端
  26. else{
  27. $('content-div').scrollTop++
  28. }
  29. }
  30. var MyMar=setInterval(Marquee,speed)//设置定时器
  31. //鼠标移上时清除定时器达到滚动停止的目的
  32. $('content-div').onmouseover=function() {clearInterval(MyMar)}
  33. //鼠标移开时重设定时器
  34. $('content-div').onmouseout=function(){MyMar=setInterval(Marquee,speed)}
  35. {/literal}
  36. </script>
复制代码


我单机测试时 还好用的!
一放上去就不好用了!
哪里会有问题呢???

回答:
JS代码往往是最难调试的