Wielokrotnie widziałeś zapewne na stronach WWW menu z przyciskami graficznymi, które zmieniają się gdy najedziemy na nie kursorem myszki. Wbrew pozorom takie menu jest bardzo proste do wykonania.
Na początku powinieneś przygotować sobie dwie grafiki – guzik w postaci normalnej i guzik alternatywny, który będzie wyświetlany, gdy najedziemy na niego kursorem myszki. Nazwij grafiki odpowiednio g1.gif i g2.gif i umieść je w katalogu ze stroną, na której mają się wyświetlać.
Następną rzeczą, jaką powinieneś zrobić, to wkleić na stronę poniższy kod.
<A href="strona.html">
<IMG src="g1.gif" border="0" alt="opcja1" onmouseover="this.src='g2.gif'" onmouseout="this.src='g1.gif'">
</A>
Jak zapewne zauważyłeś, grafika ma przypisane dwie akcje – onmouseover (gdy kursor jest nad nią) i onmouseout (gdy kursor opuszcza jego obszar) i w zależności od akcji, pokazywany jest inny obrazek.
Jeżeli chciałbyś zbudować całe menu takich przycisków, wystarczy, że powielisz kilka razy cały przedstawiony powyżej kod i utworzysz odpowiednią ilość przycisków.
#1 by nirvan on December 13th, 2009
dupa mi to nie działa, a wszystko mam dobrze
#2 by Bialy837 on January 11th, 2010
Bardzo fajny kodzik podoba mi się, działa
#3 by a on July 19th, 2010
Świetnie!! działa!!