کدی برای ایجاد افکتی زیبا در متن شما

سلام.

امروز یک کد جالب به شما معرفی می کنیم. این کد در متون انگلیسی کاربرد دارد و عمل کردش به گونه ای است که در یک متن انگلیسی حروف از سمت چپ به راست رنگشان تغییر می کند. 

 

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

نگارشمرورگرعمل می کند/نمی کند
7.0Internet Explorerعمل می کند
3.0Mozilla Firefox (beta)عمل می کند
9.0Netscapeعمل می کند

 

 

حال به کمک آموزش های زیر طریقه ی تغییر تنظیمات کد را نمایش می دهد.

<center><font face="Tahoma" size="7"><script language="JavaScript1.2">
/*
Neon Lights Text
By JavaScript Kit (http://irjava.com)
Visit http://irjava.com
*/
var message="IRJAVA.COM"
var neonbasecolor="red"
var neontextcolor="Lightblue"
var flashspeed=100 //in milliseconds
///No need to edit below this line/////
var n=0
if (document.all||document.getElementById){
document.write(’<font color="’+neonbasecolor+’">’)
for (m=0;m<message.length;m++)
document.write(’<span id="neonlight’+m+’">’+message.charAt(m)+’</span>’)
document.write(’</font>’)
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
</script></body></font></center>

اما برویم سراغ تنظیمات:

پیغامی که می خواهید رویش افکت برود:

کد را بخوانید. خطی را می بینید که در آن نوشته var message="IRJAVA.COM". به جای IRJAVA.COM متن مورد نظر خود را بنویسید. بهتر است این متن انگلیسی باشد.

رنگ اولیه ی متن:

این رنگ رنگی است که متن مورد نظر شما دارد. اما با افکتی که رویش می رود تغییر می کند. برای تغییر آن کد را بخوانید. در متن عبارت var neonbasecolor="red" را می بینید. به جای red رنگ مورد نظر خود را بنویسید.

رنگ ثانویه ی متن:

این رنگ رنگ افکت است. یعنی این رنگ جایگزین رنگ ولیه در متن می شود. برای تغییر آن داخل کد را بخوانید. در عبارت var neontextcolor="Lightblue" به جای Lightblue رنگ مورد نظر خود را بنویسید.

برای تغییر رنگ می توانید از جعبه ی زیر استفاده کنید. این جعبه ساخت دوست عزیزم آقای لقمان آوند است.

 

منبع : آی آر جاوا

نظرات 0 + ارسال نظر
برای نمایش آواتار خود در این وبلاگ در سایت Gravatar.com ثبت نام کنید. (راهنما)
ایمیل شما بعد از ثبت نمایش داده نخواهد شد