یكی از مسائلی كه در طراحی وب تاثیر زیادی دارد استفاده از متن یا آیتمی است كه با یك ویژگی خاص بتواند نظر بازدید كننده را به خود جلب كند. در این پست یك كد جالب به شما معرفی می كنیم كه به كمك آن می توانید در نوشته ی مورد نظرتان موج ایجاد كنید و آن را برقصانید. پس با ما همراه باشید.
عمل كرد كد در مرورگرها (نرم افزار های تماشای سایت)
|
نگارش |
مرورگر |
عمل می كند/نمی كند |
|
7.0 |
Internet Explorer |
 |
|
3.0 |
Mozilla Firefox (beta) |
|
|
9.0 |
Netscape |
|
یك: به جای كلمه ی "متن شما" نوشته ی مورد نظر خود را كه می خواهید با حالت رقصان نمایش دهید بنویسید.
دو: پس از انجام مرحله ی اول كد بالا را در جایی كه می خواهید متن مورد نظر شما نمایش یابد قرار دهید. توجه داشته باشید كه این كد را باید در بخش سورس یا ویرایشگر 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>
|
چهارشنبه 24 اسفند 1390 - 22:04
