22 juil. 2010

Transformer un texte au passage de la souris

Publié par Libellés : , ,
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. Anonyme13 mai 2011 à 20:34

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

    RépondreSupprimer
  2. Chantal 5619 octobre 2011 à 22:46

    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. Anonyme4 avril 2013 à 16:39

    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)

Inscription à : Publier les commentaires (Atom)