Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: animowane butony
Forum PHP.pl > Forum > Przedszkole
dymsza
czy istniej mozliwosc zrobienia animowanego butona bez uzywania flesha tak zeby w momecie najechania na jakis rysunek on zaminial sie z innym . lub tez czy da sie tak zrobic z gidem zeby sie animowal po najechaniu na niego
revyag
Możesz użyć input type image i na zdarzenie onmousover i onmouseout podmieniać obrazki.
  1. <input type="image" src="obrazek.jpg" onmouseover="this.src='obrazek_1.jpg'" onmouseout="this.src='obrazek.jpg'" />
erix
Eee, po co JS?

  1. <a href="#" class="button"></a>

Kod
<style type="text/css">
a.button
{ height:20px; width:100px; background: #FFFFFF url('obrazek1.gif'); display: block; }

a.button:hover
{ background-image: url('obrazek2.gif'); }
</style>


Zamiast a.button możesz podstawić inny tag.
revyag
@erix zapomniałeś dodać że na ie to nie zadziała.
erix
Dla elementu a?
Owszem, działa tongue.gif
revyag
niedopatrzenie snitch.gif nie wiem uznałem że te reguły są dla inputa.
Kwestia jest tego typu co to ma robić, bo jeśli wysyłać formularz to lepiej zrobić na zdarzeniach z przyciskiem submit, i ustawić mu background-image.
erix
A dostępność? Jeśli oprzesz rozwiązanie o JS, to przy wyłączonej obsłudze - lipa.

Można przecież użyć whatever:hover dla innych elementów winksmiley.jpg
revyag
Nie chce wdawać się w offtopikowe dyskusje, ale ile znasz osób które wyłączają javascript ? Szczerze mówiąc przy kodowaniu nigdy nie biorę tej opcji pod uwagę. Jak nie masz javascript to see ya snitch.gif
Zreszta wystarczy zajrzeć na pierwsze lepsze statystyki.
erix
Cytat
Nie chce wdawać się w offtopikowe dyskusje, ale ile znasz osób które wyłączają javascript ?

Lynx, wszelkiego rodzaju boty...

Cytat
Jak nie masz javascript to see ya

A Web Accessibility? Nota bene, wyłączam JavaScript, jeśli na stronie jest zbyt wiele nachalnych reklam.
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.