上下反弹的文字效果

看看页面上的效果如何!!!

本站承办页面广告显示,有意者,请E-mail:good_sgy@tom.com 方式联系站长!!!

首先将下列代码加入到你网页中<head></head>标签中......


<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+')', 35);
}


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=11;
anim(60,document.body.offsetHeight - 60)
}

}

//-->
</script>

然后将下面的代码加入到你网页<body></body>中任何位置即可......

<div id="napis"
style="position: absolute; top: 7; color: #D23842; font-family: Arial, Helvetica; font-weight: bold; font-size: 40px; left: 12; width: 645; height: 54">

<p><font size="2" face="宋体" color="ff0000">本站承办页面广告显示,有意者,请E-mail:good_sgy@tom.com 方式联系站长!!!</font></p>
</div>
<script LANGUAGE="JavaScript">
<!--
setTimeout('start()',10);
//-->
</script>


在这个时间效果中,你自己可以任意放在网页的任何位置,只要你认为合适.在此希望你可以给本站做链接,谢谢!!!

关闭这个窗口