22 juil. 2010

Transformer un texte au passage de la souris

Vous allez dans l'HTML de l'article, vous collez ce pavé :
<span onmouseover="document.getElementById('pa2').style.display = 'block'; document.getElementById('pa1').style.display = 'none'"
onmouseout="document.getElementById('pa1').style.display = 'block'; document.getElementById('pa2').style.display = 'none'">
(La souris doit se placer là, pour faire changer le texte)</span>
<div id="pa2" style="display: none;">ICI LE TEXTE CHANGE </div>
<div id="pa1" style="display: block;">ICI LE TEXTE INITIAL </div>

Vous personnalisez ce qui est en rouge et vous obtenez :


(La souris doit se placer là, pour faire changer le texte)

ICI LE TEXTE INITIAL

3 commentaires:

  1. bonjour, merci pour l'astuce très intéréssante!

    RépondreSupprimer
  2. J'ai testé c'est super.Merci
    http://www.lescrapdechantal56.fr/article-vole-vole-joli-papillon-86707117.html
    à la fin de cet article.A++

    RépondreSupprimer
  3. Ce commentaire a été supprimé par l'auteur.

    RépondreSupprimer

1/ Choisissez Nom/URL comme profil pour poster, si vous hésitez
2/ Si vous désirez une aide personnalisée, pensez à laisser l'adresse de votre blog, ce qui me permettra de tester.
3/ Vous pouvez vous abonner par email pour suivre les réponses de cet article (lien sous la zone de rédaction du commentaire)