Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS][HTML]Link - hover/selected
Erbeen
post
Post #1





Grupa: Zarejestrowani
Postów: 29
Pomógł: 0
Dołączył: 26.03.2013

Ostrzeżenie: (0%)
-----


Witam,

szukałem w internecie i nie moge znaleźć prostej metody na obrazek w linku który zmieni się po najechaniu a jednocześnie pozostanie zmieniony w aktywnym linku.

Czyli:

mam obrazek 0, po najechaniu zmienia sie na obrazek 1, a po wybraniu linku cały czas będzie 1.


Znalazłem kod który zmieni obrazek po najechaniu:
Kod
<li><a href="#services" onMouseOver='rollover3.src="images/menu/3.png"'
                onMouseOut='rollover3.src="images/menu/0.png"'>
                <img src="images/menu/0.png" name="rollover3"></a></li>


Ale nie ma tu nic o aktywnym linku
Go to the top of the page
+Quote Post
lobopol
post
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

Ostrzeżenie: (0%)
-----


Bo musisz ten obrazek po kliknięciu zmienić js. Zdarzenie onclick
Go to the top of the page
+Quote Post
martex
post
Post #3





Grupa: Zarejestrowani
Postów: 133
Pomógł: 4
Dołączył: 7.11.2012
Skąd: Połaniec

Ostrzeżenie: (0%)
-----


niewiem czy dobrze zrozumiałem ale chyba chodzi ci o hover i active (IMG:style_emoticons/default/questionmark.gif)
zrób to na class'ach

.link {obrazek0 np url}
.link:hover {obrazek1 np url}
.link:active {obrazek1 np url}

chyba że źle zrozumiałem to opisz albo podaj jakis przykład w necie
albo pokaż go tutaj
http://jsfiddle.net/
Go to the top of the page
+Quote Post
Erbeen
post
Post #4





Grupa: Zarejestrowani
Postów: 29
Pomógł: 0
Dołączył: 26.03.2013

Ostrzeżenie: (0%)
-----


Cytat(martex @ 9.10.2013, 13:53:42 ) *
.link {obrazek0 np url}
.link:hover {obrazek1 np url}
.link:active {obrazek1 np url}



możesz mi npodać przykładowy fragmęt kodu css dla np

<ul class="navigation">

oczywiście z zastosowaniem tych obrazków z active i hover.
Go to the top of the page
+Quote Post
kropamk
post
Post #5





Grupa: Zarejestrowani
Postów: 156
Pomógł: 12
Dołączył: 30.11.2011
Skąd: Gdańsk

Ostrzeżenie: (0%)
-----


coś w tym stylu -> http://jsfiddle.net/cA5Wf/ ?
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 23.08.2025 - 18:54