تبلیغات
سلطان کدهای جاوا - كدی برای ایجاد موج در متن مورد نظر شما
كدی برای ایجاد موج در متن مورد نظر شما

با سلام.

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

عمل كرد كد در مرورگرها (نرم افزار های تماشای سایت)

نگارش مرورگر عمل می كند/نمی كند
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>

موفق باشید