efek teks

Cara membuat Teks Neon 2 Warna

8:37 AM



Cara membuat Teks Neon 2 Warna







LIVE DEMO









Para master javascript pasti tidak asing dengan berbagai efek teks, karena saya pernah share cara membuat efek teks neon 3 warna. Kali saya ingin share script teks neon 2 warna.



Cara membuat teks neon 2 warna seperti berikut:



1. Login blog

2. Layout dan edit html/javascript

3. Copast kode script berikut dan simpan




<h2>

<script language="JavaScript1.2">

/*

Neon Lights Text

Visit http://www.mig33eagle.com

*/

var message="Ash and Arthur"

var neonbasecolor="#40FFFF"

var neontextcolor="#F73EA1"

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>

</h2>

Ubah kode berwarna dengan teks dan warna kesukaan anda...\(◦'⌣'◦)/

You Might Also Like

0 comments

SUBSCRIBE

Like us on Facebook