信鸽网

javascript 单行文字向上跑马灯滚动显示

  作者：bea

代码如下： <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;
代码如下：



<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://" ></a></div>
<div class="tp"><a target="_blank" href="http://s." >服务器常用软件</a></div>
<div class="tp"><a target="_blank" href="http://www.baidu.com" >百度</a></div>
<div class="tp"><a target="_blank" href="http://liulanqi.">浏览器</a></div>
</div>
</div>
</body>
<script type="text/javascript"><!--
startmarquee(18,20,3000);
// --></script>
</html>




[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行]



有用  |  无用

猜你喜欢

您可能感兴趣的文章: