Simuler la pseudo-classe :hover sous Internet Explorer

Exemple n°01

Donec ultricies congue urna. Morbi adipiscing libero quis eros. Duis sapien. Sed interdum turpis non lacus. Suspendisse odio dolor, adipiscing eget, pellentesque sit amet, egestas ut, eros. Nam eget magna. Sed nunc. Pellentesque vitae wisi. Nulla purus. Sed facilisis euismod lorem. Curabitur magna velit, faucibus elementum, ultrices nec, ultrices sed, lacus. Nulla vulputate eros ut tellus. Sed pellentesque tellus non wisi.

Nam ut massa sed mi sodales porttitor. Suspendisse vel libero. Aliquam quam erat, cursus eu, cursus id, consectetuer vitae, sapien. Phasellus bibendum risus eget pede hendrerit sodales. Sed nec turpis. Integer et ligula quis purus pretium hendrerit. Suspendisse vel felis nec dolor rhoncus dapibus. Integer nibh sem, rhoncus quis, laoreet eget, congue non, urna. Donec dolor ligula, hendrerit eu, adipiscing sed, porttitor ac, nunc. Quisque vel sapien. Suspendisse pede. Sed congue placerat libero.

Exemple n°02

Suspendisse eget pede vitae pede euismod convallis. Proin sed mauris. Duis massa risus, gravida eu, condimentum hendrerit, sodales at, eros. Integer leo est, pretium et, semper eget, accumsan id, ipsum. Nullam enim arcu, dictum sit amet, semper quis, vehicula sed, dolor. Vivamus nec enim. Integer sed lacus at libero accumsan gravida. Duis placerat, metus eget imperdiet laoreet, tellus justo sodales erat, a imperdiet urna justo id magna. Vivamus aliquam viverra purus. Morbi sapien ipsum, facilisis et, mattis id, luctus at, turpis. Donec ac mi quis eros lacinia egestas. Curabitur vehicula. Integer tincidunt arcu sed dui. In hac habitasse platea dictumst. Proin eu enim vitae nunc adipiscing ultrices. In nunc. Etiam facilisis aliquam pede.

Exemple n°03

Fusce posuere enim accumsan enim. Vivamus nunc odio, laoreet non, pharetra sit amet, pharetra vitae, odio. Nam convallis, sapien ut faucibus varius, pede augue porta turpis, a malesuada lacus sem sit amet lectus. Nullam laoreet, dolor quis cursus dictum, nibh quam interdum nulla, vel dignissim ante nulla vitae arcu. Sed rutrum, massa sed rhoncus sollicitudin, mauris sem pulvinar nisl, eget eleifend arcu sem sit amet purus. Integer aliquet pharetra lorem. Praesent magna arcu, varius quis, cursus at, luctus id, orci. Mauris ultrices sapien at dui. Phasellus posuere velit. Maecenas id mauris. Phasellus enim massa, faucibus sit amet, faucibus quis, imperdiet eget, nulla. Aliquam et ante. Aenean pede. Duis sollicitudin, neque et consequat laoreet, nunc neque fermentum ligula, sed varius velit nulla sit amet risus. Suspendisse vel justo sit amet nulla venenatis gravida. Ut nec quam a nisl semper iaculis. Maecenas ut enim. Nunc eget lacus. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque laoreet mauris vitae est.

Pellentesque adipiscing mattis erat. Donec id quam at augue aliquam hendrerit. Pellentesque mollis lectus et ligula. Curabitur mauris. Aenean lacus libero, luctus at, viverra eget, suscipit eu, enim. Cras ac elit. Curabitur ante. Nullam eros risus, cursus nec, condimentum sit amet, laoreet ut, ligula. Donec laoreet neque ut arcu. Suspendisse metus nunc, aliquet id, rhoncus volutpat, aliquet a, velit. Aliquam id urna. Integer quis sapien vitae nisl sollicitudin fermentum. Maecenas eleifend. Vestibulum a ante.

Vestibulum non nisl a nunc viverra mollis. Proin a sapien. Suspendisse potenti. Aenean eget ante at turpis pellentesque semper. Praesent vehicula wisi id quam. Duis accumsan. Mauris sed diam a mauris pellentesque adipiscing. Cras vitae sapien. Nullam tellus. Nunc posuere, sem a gravida feugiat, tellus mi varius ipsum, id venenatis dui diam non est. Sed sit amet libero nec nunc dictum ullamcorper. Ut dapibus sodales urna. Quisque ac orci non orci tristique blandit. Curabitur interdum justo eu mauris mollis tincidunt.

Duis non orci. Sed facilisis rhoncus justo. Donec accumsan libero ac ligula. Suspendisse et odio non magna pretium volutpat. Nulla lacinia dolor at purus. Praesent nulla augue, fringilla at, euismod accumsan, laoreet eu, massa. Etiam libero massa, sodales vitae, faucibus id, mollis eget, eros. Morbi vel ante a mauris faucibus venenatis. Mauris eros. Duis euismod, velit eu volutpat ornare, sapien orci mollis leo, vitae tincidunt nibh elit vel lorem. Phasellus at velit. Curabitur congue, dui id luctus ultrices, dui sapien volutpat purus, id viverra sapien eros faucibus elit.

Note : Passez la souris sur les exemples numérotés

Sources :

XHTML 
<div class="exemple">
	<h2>Exemple n°01</h2>
	<p>Donec […] non wisi.</p>
	<p>Nam ut massa […] placerat libero.</p>
</div>

<div class="exemple">
   <h2>Exemple n°02</h2>
   <p>Suspendisse […] pede.</p>
</div>

<div class="exemple">
	<h2>Exemple n°03</h2>
	<p>Fusce posuere […] mauris vitae est.</p>
	<p>Pellentesque […] a ante.</p>
	<p>Vestibulum […] tincidunt.</p>
	<p>Duis non […] elit. </p>
</div>
CSS 
.exemple {behavior: url(display.htc);}
.exemple p {display:none;}
.exemple:hover p {display:block;}
HTC 
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="montrer()" />
<PUBLIC:ATTACH EVENT="onmouseout"  ONEVENT="cacher()" />

<SCRIPT LANGUAGE="JScript">
var ListeP = this.getElementsByTagName('p');
function montrer() {
	for(i=0; i<ListeP.length; i++)
		{ListeP[i].style.display = 'block';}
	}

function cacher() {
	for(i=0; i<ListeP.length; i++)
		{ListeP[i].style.display = 'none';}
	}
</SCRIPT>