javascript动态字母

来源：互联网发布：淘宝怎做直扫付款编辑：程序博客网时间：2024/06/05 00:13

<div id="marquees" class="regu">

                <a href="#"><li>拥有积分查询功能。</li></a><br/>
    <br />
   <a href="#"><li>登陆本系统即可获得俱乐部最新的资讯</li></a><br/>
    <br />
   <a href="#"><li>接收到俱乐部发出的最新通知，如公告、变更等.</li></a><br/>
    <br />
   <a href="#"><li>给我们留言，把您的意见和建议即时告诉我们</li></a><br/>
    <br />

            </div>
            <script type="text/javascript">
marqueesHeight=150;
stopscroll=false;
with(marquees){
   style.width=250;
   style.height=marqueesHeight;
   style.overflowX="visible";
   style.overflowY="hidden";
   noWrap=true;
   onmouseover=new Function("stopscroll=true");
   onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1px;visibility:hidden;"></div>');

preTop=0; currentTop=0;

function init(){
   templayer.innerHTML="";
   while(templayer.offsetHeight<marqueesHeight){
     templayer.innerHTML+=marquees.innerHTML;
   }
   marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
   setInterval("scrollUp()",40);
}
document.body.onload=init;

function scrollUp(){
   if(stopscroll==true) return;
   preTop=marquees.scrollTop;
   marquees.scrollTop+=1;
   if(preTop==marquees.scrollTop){
     marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
     marquees.scrollTop+=1;
   }
}

</script>
</div>