Team-Masters.com
Que du Gratuit pour Webmasters
Un effet Neon (II) sur du texte
Appliquez un effet de couleur sur votre texte, avec ce script Javascript qui vous permet d’illuminer à tour de rôle chaque lettre de texte. Cet effet de lumière permet de mettre en évidence un titre de texte parmi d’autres.
Voyons un exemple d’effet Néon
Le code suivant s’insère dans le BODY de votre page à l’endroit où vous souhaitez faire apparaître votre texte.
<h2><script language="JavaScript1.2">
var message="Merci de visiter Team-Masters.com" //votre texte ici
var neonbasecolor="gray" //couleur de base du texte
var neontextcolor="yellow"
var neontextcolor2="#FFFFA8"
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>C’est tout.
Le principe est simple. Le texte est affiché dans une couleur de base (neonbasecolor) et chaque lettre s’illumine à tour de rôle successivement en prenant deux couleurs voisines (neontextcolor puis neontextcolor2) pour donner l’effet escompté.
28 juillet 2005
Appliquez un filtre dynamique sur des images
Affichez un texte qui tremble en Javascript
Ouvrir une popup centrée sur l’écran
Un aura autour de votre texte
Un texte animé dans une boîte
Afficher un texte dans la barre de statut au survol d’un lien
Afficher l’heure courante dans un bouton
Faîtes apparaître un texte de gauche à droite qui s’arrête ensuite
Faîtes défiler des images en boucle (comme une visionneuse)
Changer l’opacité d’une image au passage de la souris
