24/10/11

Neon light text



ini bukan tutorial..walau pun aku letakkan dalam  bahagian tutorial..nanti aku pindahkan entri ni...alallala
Ini adalah javascript untuk membuat neon light text.....




jadi terpulang pada anda untuk menggunakan javascript ni pada blog anda..





<h2>
<script type='text/javascript'>
//<![CDATA[

/*
Neon Text By JavaScript Kit (http://www.javascriptkit.com/script/script2/neontext.shtml)edit by Polskahackrew
*/

var message="Tulis apa apa saja kau suka" 
var neonbasecolor="#7d7d7d" //warna dasar
var neontextcolor="#ff0" //warna neon
var flashspeed=100 //kelajuan neon

///Polskahackrew edit/////

var n=0
if (document.all||document.getElementById){
document.write('')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('')
}
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>
</h2>



gantikan tulisan pada tulis apa yang kau suka..
warna dasar tu ialah..warna dasar la..haha..warna tulisan tu..
warna neon pula warna neon la..kahkah kha..
cuba perhatikan pada shoutbox is here di atas tu..warna dasar ialah kelabu..manakala warna neon kaler kuning..
angka 1500 yang aku besarkan dan kaler tu adalah delay neon tu..makin kecil makin laju..untuk shoutbox aku tu aku setkan 200..tu yang laju tu..

Nota : script ni tidak boleh guna pada 1 page serentak..kalau guna 2 dalam masa yang sama dia akan jadi bug...

sekian terima kasih

2 ulasan:

Wan Syuhada berkata...

Slm,nk tye,kod-2 tu nk letak kt mana?
HTML or post?

Polskahackrew berkata...

WAN SYUHADA : code ni letakkan pada add a gadget.. html/javascript..


code ni macam2 blh buat.. bleh jadikan header.. link.. dan macam2 lagi ikut kreativiti..

tapi

pastikan anda tiada javascript yang menggunakan arahan yang sama seperti script ni..

kerana akan terdapat percanggah arahan..

apa2 pun cuba dulu.. blh atau tidak.. nnti bagi tau

entri ja

Related Posts Plugin for WordPress, Blogger...