设为首页 加入收藏
当前位置:首页 > 整站内容 > 特效代码 > 文本特效 > 详细内容
上下跳动的文本
发布时间:2010-3-16  阅读次数:8744  字体大小: 【】 【】【

<html>
<head>
<title>网页特效|Linkweb.cn/Js|---上下跳动的文本</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="华文行楷">网页特效观止</font><b>
</b></font></div>
<script language="JavaScript">
<!--
  setTimeout('start()',10);
//-->
</script>
</body></html>

预览效果

天猫商城    聚划算    天猫电器城    淘宝旅行    天猫超市    淘宝游戏    天猫品牌特卖    天猫母婴

我要评论
  • 匿名发表
  • [添加到收藏夹]
  • 发表评论:(匿名发表无需登录,已登录用户可直接发表。) 登录状态:未登录
最新评论
所有评论[0]
    暂无已审核评论!

全站链接: 
收录查询
分享按钮