Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] Hover
Forum PHP.pl > Forum > Przedszkole
Furikae
Hej. Jak przy takim CSS dodać hover (w obrazku)?

  1. .stronaglowna {
  2. position: absolute;
  3. margin: 51px 0 0 29px;
com
może by tak więcej kodu kolego bo klasa strona gówna nikomu nic nie mówi my nie wózki wink.gif

wrzuć na jsfiddle.net
Furikae
Dobra. Mam takiego Diva w HTML

  1. <div class="stronaglowna"><a href="index.html"><img src="images/projekt_03.gif" /></a></div>


A w CSS wygląda on tak:

  1. .stronaglowna {
  2. position: absolute;
  3. margin: 51px 0 0 29px;
  4. }


Chcę dodać hover z innym obrazkiem, żeby po najechaniu na element zmieniał się.
wujek2009
Zmień to background i wówczas za pomocą CSSa zmienisz - lub podepnij kod pod jQuery i za pomocą hover() uzyskasz efekt.
tomxx
  1. function pierwszy() {
  2. document.getElementById("obrazek").src="images/projekt_03.gif";
  3. }
  4. function drugi() {
  5. document.getElementById("obrazek").src="/*adres obrazka po najechaniu*/";
  6. }
Potem tylko dajesz dowolny id obrazkowi:
  1. <img id="obrazek" onmouseover="drugi()" onmouseout="pierwszy()" src="images/projekt_03.gif">
Luna_s20
  1. .klasa {
  2. cośtam
  3. }
  4.  
  5. .klasa:hover {
  6. cośtam
  7. }


lub

  1. .klasa {
  2. cośtam
  3. }
  4.  
  5. .klasa a:hover{
  6. cośtam
  7. }
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.