Przesunięty przez: Woytec 21-06-2014, 15:01 |
zmiana obrazka po najechaniu myszką. |
Autor |
Wiadomość |
Cebul
Posty: 70
|
Wysłany: 17-06-2014, 18:29 zmiana obrazka po najechaniu myszką.
|
|
|
Witam,
czy może mi ktoś podpowiedzieć jak zrobić, żeby po najechaniu myszką obrazek się zmienił?
Dokładnie chodzi mi o modyfikację "Przedstrona", podam tutaj 2 kody, 1 z .css a drugi z html.
.css
Kod: | #amx {
position: absolute;
top:436px;
left:168px;
} |
html
Kod: | <div id="amx">
<a href="#" title="Zobacz bany z CS:1.6"><img src="images/amx.png" width="300" height="70" alt=""></a>
</div> |
Możecie mi dodać do tych zmianę obrazku po najechaniu? Albo po prostu co dopisać i sobie sam ogarnę resztę, z góry dzięki |
|
|
|
|
Gadatliwa Kasia
|
|
|
|
Oneitatsu
Pomógł: 841 razy Posty: 2324
|
Wysłany: 17-06-2014, 20:19
|
|
|
javascript, albo cecha :hover dla tagu img. Dlatego też polecam zastępować obrazeczki zwykłym kodem. Dzięki temu ma się większą kontrolę nad treścią. |
|
|
|
|
Cebul
Posty: 70
|
Wysłany: 17-06-2014, 20:51
|
|
|
Dzięki, a coś bardziej skomplikowanego? Tzn, żeby były jeszcze animacje? Np. chciałbym, żeby była sobie karta i gdy na nią najadę ona się odwraca, da się coś takiego zrobić w przemie? |
|
|
|
|
Oneitatsu
Pomógł: 841 razy Posty: 2324
|
Wysłany: 17-06-2014, 21:47
|
|
|
Albo animacje poprzez css (np. http://www.css3maker.com/css3-animation.html) albo jquery (http://api.jquery.com/animate/).
"W przemie" możesz sobie wstawić wszystko. Skrypt nie ma żadnych limitów, zupełnie. Problem polega jedynie na elastycznym podejściu. Nie próbuj nic wstawiać na siłę; szukaj najprostszych rozwiązań. Zajmą mniej czasu, a ich wartość będzie znacznie większa, niż w przypadku tych wydumanych. |
|
|
|
|
Cebul
Posty: 70
|
Wysłany: 20-06-2014, 18:08
|
|
|
Robiłem tak i nic:
Kod: | #forum a:hover #forum a:active {
background-image: url(images/hover.png);
position: absolute;
top:193px;
left:320px;
} |
Co źle robię? |
|
|
|
|
Oneitatsu
Pomógł: 841 razy Posty: 2324
|
Wysłany: 20-06-2014, 19:33
|
|
|
#forum a { background-image: url(adres domyślnego tła obrazkowego); }
#forum a:hover { background-image: url(adres tła obrazkowego po najechaniu kursorem na element); }
- te opisy będą dotyczyć odsyłaczy (a) w obrębie pojemnika "forum". Możesz ustanowić :hover również dla samego pojemnika, tj. #forum:hover. |
|
|
|
|
Gadatliwa Kasia
|
|
|
|
Cebul
Posty: 70
|
Wysłany: 20-06-2014, 21:16
|
|
|
Dzięki wielkie! |
|
|
|
|
|