Changer un texte au passage de la souris
On entre en édition HTML pour pouvoir faire cet effet !
Commencez par copier-coller le code suivant :
Personnalisez les deux dernières lignes entre les balises " ICI LE TEXTE ...".
Résultat:
(La souris doit se placer là, pour faire changer le texte)
Commencez par copier-coller le code suivant :
Code HTML :
<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> <br><br> <div id="pa1" style="display: none;">ICI LE TEXTE CHANGE </div> <div id="pa2" style="display: block;">ICI LE TEXTE INITIAL </div>
Personnalisez les deux dernières lignes entre les balises " ICI LE TEXTE ...".
Code HTML :
<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> <br><br> <div id="pa1" style="display: none;">Accroches toi au lustre, mon cœur !</div> <div id="pa2" style="display: block;">Je te prends l'échelle deux minutes !!!</div>
Résultat:
(La souris doit se placer là, pour faire changer le texte)
Je te prends l'échelle deux minutes !!!
Allez à vous