软件开发培训班 >> 编程开发 >> JavaScript

javascript 网页上跳动的文字

　　本文标签：跳动,文字

<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); 
}

技术文章快速查找

jquery ui resizable bug解决方法

jQuery插件实现表格隔行换色且感应鼠标高亮行变色

jquery 实现斜导航效果

jquery 追加tr和删除tr示例代码

Dart VS JavaScript之JavaScript的先天残疾

JavaScript 原型继承

js 模拟气泡屏保效果代码

载入jQuery库的最佳方法详细说明及实现代码

相关下载

在线教程导航

软件应用
·Windows8	·Windows7	·Word
·Excel	·PPT	·WPS
Web开发
·ASP	·JavaScript	·DIV+CSS
·JSP	·VbScript	·XML
·PHP
开发语言
·VB	·VC	·ASP.NET
·Java	·C++	·Delphi
数据库开发
·MySQL	·MsSQL	·Access
·Oracle	·DB2
手机系统
·Android	·iOS	·WindowsPhone
网站设计
·Flash	·Dreamweaver	·Fireworks
平面设计
·Photoshop	·CorelDraw	·AutoCAD
·3DsMAX	·Illustrator
网络技术
·网站运营	·网络安全	·网络搭建