Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML]Podświetlenie buttona (obramowanie)
Forum PHP.pl > Forum > Przedszkole
northwest
Witam serdecznie,
Mam stronkę: http://mybutterfly.zxy.me/

Mam na niej 2 buttony: wyczyść i wyślij.
chciałbym żeby po najechaniu na nie myszką uzyskać taki efekt: http://mybutterfly.zxy.me/guziczek.jpg

Wie ktoś może jak to zrobić?



Z góry dziękuje za pomoc,
Northwest
amii
Domyślam się, że chodzi Ci o zmianę graficzną wyglądu przycisku po najechaniu myszką. Tworzysz dwa pliki graficzne i ten kod powinien rozwiązać sprawę
  1. <img onmouseover="temp=this.src; this.src='grafika_on.png';" onmouseout="this.src=temp;" src="grafika_off.png">
lobopol
A po co ma do tego js używać? Tworzysz jeden obrazek zwierający oba przyciski (tzw. image sprites).
Dajesz im klasę np.
  1. .button{
  2. background:url('tlo.png') no-repeat;
  3. width:szerokość obrazka
  4. height:wysokość
  5. }
  6. .button:hover{
  7. background-position: pozycja drugiego obrazka
  8. }
  9.  
  10. <input type="button" value="" class="button"/>

Działać będzie we wszystkim tylko nie ie6 (ale tym się nie przejmuj)
northwest
a nie da się jakoś w CSS?wink.gif
lobopol
A co ja ci podałem jak nie css?
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.