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 :

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 ;)

Cette page a été vue 2341 fois