Overblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Gadgets pour Blog

Gadgets et Widgets pour vos sites et vos blogs, en accès libre et gratuit.

Texte néon





Si vous voulez faire un effet néon sur un texte, vous pouvez copier/coller ce code dans vos pages.

Ce qui est en rouge est paramétrable (couleur, vitesse, etc...)

 

 

<h2>
<script language="JavaScript1.2" type="text/javascript">// <![CDATA[
var message="Gadgets pour Blog" //
var neonbasecolor="gray" //couleur de base du texte
var neontextcolor="#66ffff"
var neontextcolor2="#ff00ff"
var flashspeed=100 // vitesse du flashing en millisecondes
var flashingletters=3 // nombre de lettres qui flashent en neontextcolor
var flashingletters2=1 // nombre de lettres qui flashent en neontextcolor2 (0 pour désactiver)
var flashpause=0 // pause entre les cycles de flashing en millisecondes

///Ne rien toucher sous cette ligne///
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++)
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n>flashingletters-1) crossref(n-flashingletters).style.color=neontextcolor2
if (n>(flashingletters+flashingletters2)-1) crossref(n-flashingletters-flashingletters2).style.color=neonbasecolor


if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",flashpause)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()
// ]]></script>
</h2>

 


Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article