公告向上滚动代码(兼容IE、Firefox)

Hhtml

<ul id="wenchuan">
<li>001</li>
<li>002</li>
<li>003</li>
<li>004</li>
<li>005</li>
<li>006</li>
<li>007</li>
<li>008</li>
<li>000</li>
</ul>

JavaScript

<script type="text/javascript">
//这里更改UL的ID
var scrollnews = document.getElementById('wenchuan');
var lis = scrollnews.getElementsByTagName('li');
var ml = 0;
var timer1 = setInterval(function(){
    var liHeight = lis[0].offsetHeight;
    var timer2 = setInterval(function(){
     scrollnews.scrollTop = (++ml);
     if(ml == liHeight){
        clearInterval(timer2);
        scrollnews.scrollTop = 0;
        ml = 0;
        lis[0].parentNode.appendChild(lis[0]);
     }
  },10); 
},2000);
</script>

 

posted @ 2012-09-20 10:17  hm21  阅读(257)  评论(0)    收藏  举报