首頁 >web前端 >js教程 >javascript 洒脱飘动的文字_文字特效

javascript 洒脱飘动的文字_文字特效

WBOY原創: 2016-05-16 18:43:491542瀏覽

<title>飘动的文字</title> 
 
<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)+""}; 
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需刷新才能执行]

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：利用JQuery+EasyDrag 实现弹出可拖动的Div，同时向Div传值，然后返回Div选中的值_jquery下一篇：jquery 插件开发方法小结_jquery

看更多

javascript 洒脱飘动的文字_文字特效

相關文章