Changer un texte au passage de la souris
Commencer par copier coller le code suivant :
Code HTML :
<span onmouseover="document.getElementById('pa2').st yle.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>
Personnaliser 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;">Accroche 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)
Accroche
toi au lustre, mon coeur !
Je
te prends l'échelle deux minutes !!!
Allez à vous