存档

文章标签 ‘滚动’

不间断向左滚动代码

2009年6月23日 没有评论

提示:你可以先修改部分代码再运行。

简单的滚动公告代码___兼容IE、Firefox

2008年7月17日 没有评论
  1. <script type="text/javascript">
  2. //这里更改UL的ID
  3. var scrollnews = document.getElementById(&#039;wenchuan&#039;);
  4. var lis = scrollnews.getElementsByTagName(&#039;li&#039;);
  5. var ml = 0;
  6. var timer1 = setInterval(function(){
  7.     var liHeight = lis&#91;0&#93;.offsetHeight;
  8.     var timer2 = setInterval(function(){
  9.      scrollnews.scrollTop = (++ml);
  10.      if(ml == liHeight){
  11.         clearInterval(timer2);
  12.         scrollnews.scrollTop = 0;
  13.         ml = 0;
  14.         lis&#91;0&#93;.parentNode.appendChild(lis&#91;0&#93;);
  15.      }
  16.   },10);
  17. },2000);
  18. </script>

阅读全文…

分类: 网站制作 标签: , ,

简单的滚动公告代码___兼容IE、Firefox

2008年6月11日 没有评论
  1. <script type="text/javascript">
  2. //这里更改UL的ID
  3. var scrollnews = document.getElementById(&#039;wenchuan&#039;);
  4. var lis = scrollnews.getElementsByTagName(&#039;li&#039;);
  5. var ml = 0;
  6. var timer1 = setInterval(function(){
  7.     var liHeight = lis&#91;0&#93;.offsetHeight;
  8.     var timer2 = setInterval(function(){
  9.      scrollnews.scrollTop = (++ml);
  10.      if(ml == liHeight){
  11.         clearInterval(timer2);
  12.         scrollnews.scrollTop = 0;
  13.         ml = 0;
  14.         lis&#91;0&#93;.parentNode.appendChild(lis&#91;0&#93;);
  15.      }
  16.   },10);
  17. },2000);
  18. </script>

阅读全文…