Hoverswap

Afficher un message en passant la souris sur un texte

Conçu pour un site péda­go­gique desti­né à l’ap­pren­tis­sage d’une langue étran­gère, Hovers­wap génère pour un texte donné un texte paral­lèle qui appa­rait lorsque le curseur de la souris passe au dessus du texte origi­nal. Pour l’ins­tant, le plugin est un peu basique puis­qu’il néces­site des balises html qui permettent l’in­ser­tion de classes (« trans­late » pour le plugin) et de titres pour gérer les deux textes mais il devrait évoluer pour se montrer plus ergonomique.

Exemple et rendu visuel

Ici, j’ai insé­ré dans mon article le code html 

em title=« Comment allez-vous ? »>How are you ? /​em>

et voilà ce que ça donne quand la souris passe sur « How are you ? ».