يكي از مسائلي كه در طراحي وب تاثير زيادي دارد استفاده از متن يا آيتمي است كه با يك ويژگي خاص بتواند نظر بازديد كننده را به خود جلب كند. در اين پست يك كد جالب به شما معرفي مي كنيم كه به كمك آن مي توانيد در نوشته ي مورد نظرتان موج ايجاد كنيد و آن را برقصانيد. پس با ما همراه باشيد.

يك: به جاي كلمه ي "متن شما" نوشته ي مورد نظر خود را كه مي خواهيد با حالت رقصان نمايش دهيد بنويسيد.

دو: پس از انجام مرحله ي اول كد بالا را در جايي كه مي خواهيد متن مورد نظر شما نمايش يابد قرار دهيد. توجه داشته باشيد كه اين كد را بايد در بخش سورس يا ويرايشگر HTML و يا… صفحه ي خود قرار دهيد.


کد
<script language="JavaScript1.2">
//configure message
message="متن شما"
//animate text in NS6? (0 will turn it off)
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()
}
}

function jump2(){
txt="";
for(i=0;i != message.length;i++){
if(i+num > -1 && i+num < 7){
txt=txt+"<span style=’position:relative;top:"+mes[i+num]+"’>"+message.charAt(i)+"</span>"
}
else{txt=txt+"<span>"+message.charAt(i)+"</span>"}
}
jump.innerHTML=txt;
txt="";
if(num != (-message.length)){
num–;
setTimeout("jump2()",50)}
else{num=0;
setTimeout("jump0()",50)}}
</script>
</head>
<body>

<font size="2" face="Tahoma"><div id="jumpx"></div></font>
<script>
if (document.all||document.getElementById){
jump=(document.getElementById)? document.getElementById("jumpx") : document.all.jumpx
jump0()
}
else
document.write(message)
</script>