无缝滚动实例--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;
onmouseover=new Function("stopscroll=true");
onmouseout=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.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>
<!--滚动区域结束-->