当前位置：学海荡舟 -> 电脑乐园 -> JavaScript
　　　　文字上下移动  
     
效 果 演 示：

　　　　

　　看看屏幕的左侧！

    
 
源代码如下：



这段程序放在<body>与</body>之间

   
源程序讲解：
   

done = 0; step = 4
定义变量,并赋初值。
function anim(yp,yk) {
定义一个函数anim()，并带yp,yk两个参数。
if(document.layers) document.layers["napis"].top=yp;
else document.all["napis"].style.top=yp;
 分两种浏览器定义层的高度为yp的值。
if(yp>yk)
step = -4
if(yp<60)
step = 4
分情况讨论step的值。
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=10;
anim(60,document.body.offsetHeight - 60) } } </script> </p>
 定义一个函数，调整层的位置。
<div id="napis" style="position: absolute;top: -50;"> <p><a href="//www.gdjyw.com"> 学海荡舟 求知无限</a> </p> </div>
 设置层。
<script language="JavaScript">
<!-- setTimeout('start()',10); //-->		 每10毫秒，调用一次start()函数。