首页 > 网络编程 > JavaScript > 网页特效 > 文字特效 > javascript 洒脱飘动

javascript 洒脱飘动的文字

2009-10-22 12:59:19 作者：

飘动的文字，看着还挺自在、洒脱，网上经常见的东西，原来是这么实现的，奉献给大家哦。

<title>飘动的文字</title> 
<body> 
<script language="JavaScript"> 
message="北京是我家，发展靠大家！" 
ns6switch=1 
var ns6=document.getElementById && !document.all 
mes=new Array(); 
mes[0]=-1; 
mes[1]=-4; 
mes[2]=-7;mes[3]=-10; 
mes[4]=-7; 
mes[5]=-4; 
mes[6]=-1; 
num=0; 
num2=0; 
txt=""; 
function jump0(){ 
if (ns6 && !ns6switch){ 
jump.innerHTML=message 
return 
} 
if(message.length > 6){ 
for(i=0; i != message.length;i++){ 
txt=txt+"<span style='position:relative;' id='n"+i+"'>"+message.charAt(i)+"</span>"}; 
jump.innerHTML=txt; 
txt=""; 
jump1a() 
} 
else{ 
alert("Your message is to short") 
} 
}

function jump1a(){ 
nfinal=(document.getElementById)? document.getElementById("n0") : document.all.n0 
nfinal.style.left=-num2; 
if(num2 != 9){ 
num2=num2+3; 
setTimeout("jump1a()",50) 
} 
else{ 
jump1b() 
} 
}

function jump1b(){ 
nfinal.style.left=-num2; 
if(num2 != 0){num2=num2-3; 
setTimeout("jump1b()",50) 
} 
else{ 
jump2() 
} 
}

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