叶子谷- 网页教程

RSS订阅 站长资讯通告:
搜索: 您现在的位置: 叶子谷 >> 网页特效 >> 文本特效 >> 正文

文字上下移动的特效代码

2008-06-10 13:50:46 来源:网络 作者:佚名 【 点击:

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

 

Tags: 文本特效  
责任编辑:cptedu
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】   
    姓 名: * Oicq:
    评 分: 1分 2分 3分 4分 5分
    评论内容:
    广告也精采
    热门文章
    设为首页 -加入收藏 - 联系我们 - 友情链接 - 版权声明 - 管理登陆