首页 > 网络编程 > JavaScript > 网页特效 > 文字特效 > 跳动文字

javascript 网页上跳动的文字

2009-10-22 13:15:33 作者：

网页上跳动的文字，代码稍复杂，效果挺可爱的，一跳一跳的文字，真逗人！

<title>跳动的文字</title> 
<body onload=setVariables(),startbounce1(),startbounce2(),startbounce3(),startbounce4(),startbounce5(),startbounce6()> 
<SCRIPT language=JavaScript> 
var r=0 
var a=11,b=9,c=7,d=10,e=11,f=8; 
var y2=-25,y1=-25,y3=-25,y4=-25,y5=-25,y6=-25; 
var x1=305,x2=335,x3=365,x4=395,x5=425,x6=455; 
function setVariables(){ 
if (navigator.appName == "Netscape") { 
horz=".left"; 
vert=".top"; 
visShow="'show'"; 
visHide="'hide'"; 
docStyle="document."; 
styleDoc=""; 
}else{ 
horz=".pixelLeft"; 
vert=".pixelTop"; 
visHide="'hidden'"; 
visShow="'visible'"; 
docStyle=""; 
styleDoc=".style";

}

} 
function startbounce1(){ 
objectX1="object1" 
y1 += a 
evalMove1() 
if (y1<210) setTimeout("startbounce1()",20) 
else bounce1() 
} 
function bounce1(){ 
if (y1>201) a=11-r,r=Math.random()*100/25,Math.round(r); 
y1 -= a 
if (y1<100) a -= .5 
evalMove1() 
if (y1>-100) setTimeout("bounce1()",10) 
else toggle() 
}

function startbounce2(){ 
objectX2="object2" 
y2 += b 
evalMove2() 
if (y2<210) setTimeout("startbounce2()",20) 
else bounce2() 
} 
function bounce2(){ 
if (y2>201) b=8+r 
y2 -= b 
if (y2<100) b -= .5 
evalMove2() 
if (y2>-100) setTimeout("bounce2()",20) 
else toggle() 
}

function startbounce3(){ 
objectX3="object3" 
y3 += c 
evalMove3() 
if (y3<210) setTimeout("startbounce3()",20) 
else bounce3() 
} 
function bounce3(){ 
if (y3>201) c=7+r 
y3 -= c 
if (y3<100) c -= .5 
evalMove3() 
if (y3>-100) setTimeout("bounce3()",10) 
else toggle() 
}

function startbounce4(){ 
objectX4="object4" 
y4 += d 
evalMove4() 
if (y4<210) setTimeout("startbounce4()",20) 
else bounce4() 
} 
function bounce4(){ 
if (y4>201) d=8+r 
y4 -= d 
if (y4<100) d -= .5 
evalMove4() 
if (y4>-100) setTimeout("bounce4()",20) 
else toggle() 
}

function startbounce5(){ 
objectX5="object5" 
y5 += e 
evalMove5() 
if (y5<210) setTimeout("startbounce5()",10) 
else bounce5() 
} 
function bounce5(){ 
if (y5>201) e=12-r 
y5 -= e 
if (y5<100) e -= .5 
evalMove5() 
if (y5>-100) setTimeout("bounce5()",20) 
else toggle() 
}

function startbounce6(){ 
objectX6="object6" 
y6 += f 
evalMove6() 
if (y6<210) setTimeout("startbounce6()",10) 
else bounce6() 
} 
function bounce6(){ 
if (y6>201) f=8+r 
y6 -= f 
if (y6<100) f -= .5 
evalMove6() 
if (y6>-100) setTimeout("bounce6()",10) 
else toggle() 
}

function evalMove6(){ 
eval(docStyle + objectX6 + styleDoc + horz + '=' + x6); 
eval(docStyle + objectX6 + styleDoc + vert + "=" + y6); 
}

function evalMove5(){ 
eval(docStyle + objectX5 + styleDoc + horz + '=' + x5); 
eval(docStyle + objectX5 + styleDoc + vert + "=" + y5); 
} 
function evalMove4(){ 
eval(docStyle + objectX4 + styleDoc + horz + '=' + x4); 
eval(docStyle + objectX4 + styleDoc + vert + "=" + y4); 
}

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

javascript 网页上跳动的文字

您可能感兴趣的文章: