Blog ထဲက ႏွစ္သက္ရာစာသားေတြကို Neon Effect သံုးနည္း

ေလာေလာဆည္ ကၽြန္ေတာ့္ဘေလာ့မွာ

သံုးထားတဲ့ Welcome To IT Motesoe :) 

ဆိုတဲ့ စာတမ္းလိုျဖစ္ေအာင္ Neon Effect

ထည့္တဲ့နည္းပါ ..

အသံုးျပဳခ်င္တဲ့ သူငယ္ခ်င္းေတြအတြက္

ျပန္လည္မွ်ေ၀ေပးလိုက္တာပါ ..

အရင္ဆံုး Layout ကေန Add a gadget ေပါ့

အဲဒီကေနမွ HTML/Java Script ကိုေရြးၿပီး ေအာက္က ကုဒ္ေလးေတြကို ထည့္ေပးလိုက္ပါ

<center><h1>

<script language="JavaScript1.2">

var message="Welcome To IT Motesoe ... :)"

var neonbasecolor="blue"

var neontextcolor="yellow"

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>

</h1></center>

ကုဒ္ေတြထဲက Welcome To IT Motesoe ... :)  ဆိုတဲ့စာေတြကို ကိုယ္ႏွစ္သက္သလို ေျပာင္းလဲႏိုင္ပါတယ္

var neonbasecolor="blue" ဆိုတဲ့ကုဒ္မွာ Blue အစား ကိုယ္ႏွစ္သက္ရာကို ေျပာင္းလဲႏိုင္ပါတယ္

var neontextcolor="yellow" ဆိုတဲ့ကုဒ္မွာလည္း အဲဒီအတိုင္းပါပဲ

var flashspeed=100 //in milliseconds ဆိုတဲ့ကုဒ္မွာေတာ့ 100 ဆိုတာ Neon Effect ေတြ ေရြ႕လ်ားမယ့္ အခ်ိန္သတ္မွတ္ခ်က္ပါ .. အေႏွးအျမန္ကို ကိုယ္ႏွစ္သက္သလို

ေျပာင္းလဲႏိုင္ပါတယ္ ..

ကဲ .. အဆင္ေျပၾကပါေစဗ်ာ

နည္းပညာလမ္းေၾကာင္းေပၚကသူငယ္ခ်င္းအားလံုးကို ေလးစားခင္မင္လွ်က္

အိုင္တီမုဆိုး

ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************

Posted in: Blogger Widget