无缝滚动实例--dedecms的一个应用

<!--滚动区域代码-->
   <div id=marquees style="clear:both;color:#000000;background-color:#FFEDD7; border:1px #CCCCCC dotted; float:left;"> {dede:mynews row='5' titlelen='30'} <a href="#">[field:title /]</a>   [field:writer /]--[field:senddate function=strftime('%y-%m-%d',@me)/] <br>
   <br>
   {/dede:mynews} </div>
    <script language="JavaScript">
   marqueesHeight=30;
   stopscroll=false;
   
   with(marquees){
   style.margin=3;
   style.width=349;
   style.height=marqueesHeight;
   style.overflowX="visible";
   style.overflowY="hidden";
   noWrap=true;
   οnmοuseοver=new Function("stopscroll=true");
   οnmοuseοut=new Function("stopscroll=false");
   }
   document.write('<div id="templayer" style="position:absolute;z-index:1;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()",45);
   }
   document.body.οnlοad=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>
    <!--滚动区域结束--> 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值