Skrypty HTML Migoczący element z onmouseover i onmouseout w Internet Explorer

Migoczący element z onmouseover i onmouseout w Internet Explorer

Jeśli posaidamy element z klasą "link" i chcemy, aby zmieniał się on ze zdarzeniami JavaScript po najechaniu i zjechaniu myszki z niego to kod, który powinien działać wszędzie jest pod spodem:

<span style="width:150px;height:150px;background-color:blue;color:white" class="link" onmouseover="funkcja1();" onmouseout="funkcja2();" >
 Moj link w kwadracie
 </span>

Jednak niestety w przeglądarce IE 6, 7 oraz 8, gdy najedziemy kursorem myszki na nasz element, wtedy cały span zacznie migotać z prędkością światła.

Dlaczego się tak dzieje?

Należy pamiętać, żer Internet Eplorer to przeglądarka, kótrej brakuje bardzo dużo i która sama się nie domyśla, co zrobić w danym czasie. Jest też dobre ponieważ wedłuyg standardów W3C podany wyżej kod nie powinien działać w ogóle.

Więc jak umieściuć onmouseover i out? Musimy użyć tagu <A> z odpowiednią właściwością:

Listing

<a style="display:block" onmouseover="funkcja1();" onmouseout="funkcja2();">
<span style="width:150px;height:150px;background-color:blue;color:white" class="link" >
Mój link w kwadracie, zadziała w IE.
</span>
</a>