Animated χρωματισμός κειμένου

Θα σας άρεσε να έχετε στο blog σας ένα κείμενο το οποίο σιγά σιγά θα χρωματίζετε με το χρώμα της επιλογής σας?
Είναι εύκολο να το πραγματοποιήσετε ακολουθώντας τον παρακάτω οδηγό:



1) Σύνδεση στον λογαριασμό σας από το blogger.com
2) Διάταξη>Στοιχεία σελίδας>Προσθήκη gadget>HTML/Javascript
3) Επικολλήστε εκεί μέσα τον παρακάτω κώδικα:

<h2>

<script language="Javascript1.2">

var message="καλώς ήρθατε στo www.freeware-tools.com!"

var neonbasecolor="#ffffff"

var neontextcolor="#BE5C00"

var flashspeed=100 //in milliseconds

///No need to edit below this line/////

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>

4) Αποθηκεύστε και τελειώσατε...Ένα live demo του script μπορείτε να δείτε εδώ http://freeware-tools-guides.blogspot.com/
(Κάτω από τα Labels)

Μπορείτε να αλλάξετε το κείμενο, τo χρώμα του κειμένου και του χρωματισμού ή την ταχύτητα χρωματισμού τροποποιώντας μέσα από τον κώδικα το παρακάτω κομμάτι:

var message="καλώς ήρθατε στo www.freeware-tools.com!"

var neonbasecolor="#ffffff"

var neontextcolor="#BE5C00"

var flashspeed=100 //in milliseconds

Ίσως να σου αρέσουν και αυτά: