[CSS] Hover Opcje

[Furikae]

Hej. Jak przy takim CSS dodać hover (w obrazku)?

[HTML] pobierz, plaintext 
.stronaglowna {
	position: absolute;
	margin: 51px 0 0 29px;
[HTML] pobierz, plaintext 

[com]

może by tak więcej kodu kolego bo klasa strona gówna nikomu nic nie mówi my nie wózki (IMG:style_emoticons/default/wink.gif)

wrzuć na jsfiddle.net

[Furikae]

Dobra. Mam takiego Diva w HTML

[HTML] pobierz, plaintext 
    <div class="stronaglowna"><a href="index.html"><img src="images/projekt_03.gif" /></a></div>
[HTML] pobierz, plaintext 

A w CSS wygląda on tak:

[HTML] pobierz, plaintext 
.stronaglowna {
	position: absolute;
	margin: 51px 0 0 29px;
}
[HTML] pobierz, plaintext 

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]

[HTML] pobierz, plaintext 
<script>
function pierwszy() {
  document.getElementById("obrazek").src="images/projekt_03.gif";
}
function drugi() {
  document.getElementById("obrazek").src="/*adres obrazka po najechaniu*/";
}
</script>
[HTML] pobierz, plaintext 

Potem tylko dajesz dowolny id obrazkowi:

[HTML] pobierz, plaintext 
<img id="obrazek" onmouseover="drugi()" onmouseout="pierwszy()" src="images/projekt_03.gif">
[HTML] pobierz, plaintext 

Ten post edytował tomxx 19.01.2014, 13:49:24

[com]

http://stackoverflow.com/questions/1836192...-hover-with-css

[Luna_s20]

[HTML] pobierz, plaintext 
.klasa {
cośtam
}
 
.klasa:hover {
cośtam
}
[HTML] pobierz, plaintext 

lub

[HTML] pobierz, plaintext 
.klasa {
cośtam
}
 
.klasa a:hover{
cośtam
}
[HTML] pobierz, plaintext