文本上下弹跳

- 中国WEB开发者网络 (http://www.webasp.net)
-- 网页特效 (http://www.webasp.net/javascript/)
--- 文本上下弹跳 (http://www.webasp.net/javascript/1/647.htm)
-- 发布日期： 2005-06-24
<!-- 网页特效代码由[中国WEB开发者网络:http://www.ChinaWebDev.com]提供！ -->
<!-- 要实现此效果需要 1 个步骤： -->

<!-- 第 1 步： -->
<!-- 把下面的代码加到<BODY></BODY>区域中： -->

<script language="JavaScript">
<!--

done = 0;
step = 4

function anim(yp,yk)
{
if(document.layers) document.layers["napis"].top=yp;
else document.all["napis"].style.top=yp;

if(yp>yk) step = -4
if(yp<60) step = 4

setTimeout('anim('+(yp+step)+','+yk+')', 10);
}


function start()
{
if(done) return
done = 1;

if(navigator.appName=="Netscape") {
document.napis.left=innerWidth/2 - 145;
anim(60,innerHeight - 60)
}
else {
napis.style.left=280;
anim(60,document.body.offsetHeight - 60)
}

}

//-->
</script>
<div id="napis"
style="position: absolute; top: 159px; width: 400px; height: 78px; left: 215px"><font size="5"><b>上下不停弹跳的文本</b></font></div>
<script language="JavaScript">
<!--
setTimeout('start()',10);
//-->
</script>

webasp.net