Une animation sympathique en Javascript qui peut s’appliquer à tout type de texte pour attirer l’attention du visiteur.
Il s’agit de faire "rentrer" sur votre page un texte de votre choix qui apparaîtra de la gauche vers la droite et qui s’arrêtra ensuite sur votre page.
Bref, voyez donc un exemple ici
Le code suivant est à insérer dans le corps (BODY) de votre page, à l’endroit voulu :
<script language="JavaScript">
//set style for NS4 to ''
if (document.layers)
var ns4def=''
</script>
<h2 id="flyin" style="position:relative;left:-400;font-style:italic" style=&{ns4def};><font face="Arial">Mettre votre message ici</font></h2>
<script language="JavaScript">
if (document.getElementById||document.all)
var crossheader=document.getElementById? document.getElementById("flyin").style : document.all.flyin.style
function animatein(){
if (parseInt(crossheader.left)<0)
crossheader.left=parseInt(crossheader.left)+20
else{
crossheader.left=0
crossheader.fontStyle="normal"
clearInterval(start)
}
}
if (document.getElementById||document.all)
start=setInterval("animatein()",50)
</script>Vous pouvez bien sûr définir la taille de votre texte en jouant sur la balise <h2>.
Voilà.
8 mai 2005
Appliquez un filtre dynamique sur des images
Un effet Neon (II) sur du texte
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 défiler des images en boucle (comme une visionneuse)
Changer l’opacité d’une image au passage de la souris