كدي براي ايجاد موج در متن مورد نظر شما [بایگانی] - سایت علمی نخبگان جوان

توجه ! این یک نسخه آرشیو شده میباشد و در این حالت شما عکسی را مشاهده نمیکنید برای مشاهده کامل متن و عکسها بر روی لینک مقابل کلیک کنید : كدي براي ايجاد موج در متن مورد نظر شما

s@ba

4th January 2010, 06:16 PM

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

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

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

http://www.pciranian.com/includes/bbcodes/images/code_save.png (http://njavan.com/forum/redirector.php?url=http%3A%2F%2Fwww.pciranian.com% 2Fincludes%2Fbbcodes%2Fcode_bbcode_save.php%3Fthre ad_id%3D229%26post_id%3D357%26code_id%3D0) کد
<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>