文字来回上下移动或跳动的代码


答案：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 
<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"><b>脚本之家欢迎您的到来！</b></font></div> 
<script language="JavaScript"> 
<!-- 
setTimeout('start()',10); 
//--> 
</script> 
</body> 
</html>

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

上一个：jQuery 白痴级入门教程
下一个：为javascript添加String.Format方法

更多图片编程知识: