Rechercher

Affichez un texte qui tremble en Javascript

Toujours soucieux d’attirer l’atention de vos visiteurs sur un aspect particulier de votre site, voici un effet de tremblement que vous pouvez appliquer à n’importe quel texte de vos pages afin de le mettre en évidence et inciter vos visiteurs à poursuivre dans cette voie.

Voyez un exemple de texte qui tremble ici.

Le code suivant est encore à copier-coller dans votre page. Il se décompose en deux parties, la première consiste à introduire le script javascript dans le HEAD de votre page, et la deuxième partie dans le BODY, à l’endroit où vous souhaitez faire apparaître votre texte tremblant.

Ce code fonctionne sous :
Internet Explorer 5+
Opera 7+

Portion de code à copier-coller dans le HEAD de votre page :

<style>

.jc{

position:relative;

}

</style>



<script language="JavaScript1.2">



var ns6=document.getElementById&&!document.all

var ie=document.all



var customcollect=new Array()

var i=0



function jiggleit(num){

if ((!document.all&&!document.getElementById)) return;

customcollect[num].style.left=(parseInt(customcollect[num].style.left)==-1)? customcollect[num].style.left=1 : customcollect[num].style.left=-1

}



function init(){

if (ie){

while (eval("document.all.jiggle"+i)!=null){

customcollect[i]= eval("document.all.jiggle"+i)

i++

} 

}

else if (ns6){

while (document.getElementById("jiggle"+i)!=null){

customcollect[i]= document.getElementById("jiggle"+i)

i++

}

}



if (customcollect.length==1)

setInterval("jiggleit(0)",80)

else if (customcollect.length>1)

for (y=0;y<customcollect.length;y++){

var tempvariable='setInterval("jiggleit('+y+')",'+'100)'

eval(tempvariable)

}

}

window.onload=init

</script>

Partie du code à copier-coller dans le BODY de votre page à l’endroit où vous souhaitez mettre votre texte : <span id="jiggle0" class="jc"><b>Des ressources gratuites pour votre site Web? Visitez <a href="http://team-masters.com">Team-Masters.com!</a></b></span>

Bien sûr, à vous de changer le texte par le votre ainsi que l’URL sur lequel pointe le lien. Si vous souhaitez appliquer cet effet à plusieurs textes d’une même page situés à des endroits différents, il suffit d’utiliser dans votre BODY la même portion de code ci-dessus en prenant soin d’incrémenter de 1 la valeur de l’attribut id de la balise span, par exemple en y mettant id="jiggle1" si vous avez 2 textes, id="jiggle2" si vous appliquez l’effet sur 3 textes différents, etc...

Pas plus difficile que ça, non ? C’est sur Team-Masters.com

7 juillet 2005

Dans la même rubrique

Appliquez un filtre dynamique sur des images
Un effet Neon (II) sur du texte
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

>> Voir tous les articles

Team-Masters.com

Que du Gratuit pour Webmasters

Rechercher

Affichez un texte qui tremble en Javascript