Efekt rollover (natywny kod JS) Drukuj
Ocena użytkowników: / 0
SłabyŚwietny 
Wpisany przez Patryk yarpo Jar   
poniedziałek, 21 września 2009 19:47

Czy widziałeś kiedyś na stronie, jak po najechaniu nad jakąś grafikę, jej wygląd ulegał zmianie? Jeśli wydaje Ci się to bardzo trudne, zaraz zmienisz zdanie.

 

Potrzebujemy tylko bardzo prostego kodu:

 <a href="#" onmouseover="rov.src='grafika2.gif'" onmouseout="rov.src='grafika1.gif'">
     <img src="/grafika1.gif" name="rov" alt="punkt">
</a> 

Atrybut name jest użyty dla przejrzestyści. Powinno się raczej wykorzystać id i getElementById.

Podobny efekt można takżeuzyskać za pomocą CSS.