您的位置: 首页 - 网页特效 - 文本上下弹跳

文本上下弹跳

编辑:admin     时间:2009-7-9    11:33:13  来自:北京蓝网网络技术有限公司

脚本说明:
把如下代码加入<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>
 

上一篇文章: 打字机式字符输出
下一篇文章:特酷消隐字体
分类:网页特效 | 评论:0 | 引用:0 | 浏览:63  | 引用本文