javascript 文字滚动显示[zhuan ]
<html>
<head>
<script type="text/javascript"><!--
function startmarquee(lh,speed,delay) {
var p=false;
var t;
var sh;
var o=document.getElementById("marqueebox");
o.innerHTML+=o.innerHTML;
o.style.marginTop=0;
o.onmouseover=function(){p=true;}
o.onmouseout=function(){p=false;}
function start(){
sh = o.offsetHeight;
o.style.height = sh;
t=setInterval(scrolling,speed);
if(!p) o.style.marginTop=parseInt(o.style.marginTop)-1+"px";
}
function scrolling(){
if(parseInt(o.style.marginTop)%lh!=0){
o.style.marginTop=parseInt(o.style.marginTop)-1+"px";
if(Math.abs(parseInt(o.style.marginTop))>=sh/2) o.style.marginTop=0;
}else{
clearInterval(t);
setTimeout(start,delay);
}
}
setTimeout(start,delay);
}
// --></script>
</head>
<body>
<div style="overflow: hidden; height: 18px; margin-left: 5px;">
<div id="marqueebox" style="margin-top: -48px; height: 252px;">
<div class="tp"><a target="_blank" href="http://www.jb51.net" >脚本之家</a></div>
<div class="tp"><a target="_blank" href="http://s.jb51.net" >服务器常用软件</a></div>
<div class="tp"><a target="_blank" href="http://www.baidu.com" >百度</a></div>
<div class="tp"><a target="_blank" href="http://liulanqi.jb51.net">浏览器</a></div>
</div>
</div>
</body>
<script type="text/javascript"><!--
startmarquee(18,20,3000);
// --></script>
</html>
