Efek Warna Tulisan Berjalan II

ABDUL HAMID

Pada posting sebelumnya pernah membahas tentang warna tulisan berjalan yang bisa memperindah tampilan blog sobat. pada postingan kali ini juga membahas tutorial yang sama. akan tetapi tampilannya berbeda.

Untuk kode scriptnya silahkan copy paste kode dibawah ini :

<script language="JavaScript1.2">

/*Neon Lights Text By JavaScript Kit (http://javascriptkit.com) For this script, TOS, and 100s more DHTML scripts, Visit http://www.dynamicdrive.com*/

var message="Welcome to Dynamic Drive!"

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> 

Baca Juga

• Cara Membuat Slideshow Foto di Blog
• Kode HTML Warna
• Menerbitkan Posting Secara Otomatis di Blog

Keterangan :

Warna Merah : bisa diganti dengan tulisan yang diinginkan.
Warna Kuning : Merupakan kode warna. bisa diganti sesuai pilihan.

Advertise

Warna Hijau : Kecepatan gerak warna. Semakin besar angkanya semakin lambat geraknya begitu juga dengan sebaliknya

Halaman: