<html>
<body>
<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>
div标签中的内容(因为是往上移动,所以记得加个换行标签<br />:
<div id="marquees">
滚动文字内容1<br />
滚动文字内容2<br />
滚动文字内容3<br />
滚动文字内容4<br />
滚动文字内容5<br />
滚动文字内容6<br />
</div>
<script type="text/javascript">
marqueesHeight=60;
stopscroll=false;
preTop=0;
currentTop=0;
function init(){
with(marquees){ //这段移进来。
//style.width=0; //注释掉这一句。
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");
}
templayer.innerHTML="";
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
setInterval("scrollup()",1000);
}
ο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>
</body>
</html>
使用插件kxbdMarquee