首页 > 网络编程 > JavaScript > 网页特效 > 文字特效 > 文字 上下浮动 文字在网页上下浮动 学习可以不建议用 2009-11-13 00:19:20 作者： JavaScript控制文字像跳跳球一样在网页上浮动，碰到边缘自动回来，有兴趣看一下。 <html> <head> <title>上下跳动的文本</title> </head> <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"> <font face="华文行楷">脚本之家<b> </b></div> <script language="JavaScript"> <!-- setTimeout('start()',10); //--> </script> </body> </html> [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
