[HTML] Inne przyciski. Opcje

[Anonim$$]

No, cześć. Więc mam pytanie jak zrobić tak, żeby przycisk wyglądał normalnie, a jak się na niego najedzie myszką to zmienia się na inny, i znowu jak zejdzie się kursorem z przycisku to się zmieni na normalny czyli ten pierwszy?

[Spawnm]

albo w css dajesz :hover albo w javascript piszesz rollover

[Anonim$$]

Wyjaśnij to bardziej, a nie spamujesz byle jakimi postami.

[tomsi]

http://webmaster.helion.pl/kurshtml/indeks/events.htm

http://algorytmy.pl/index.php?q=zdarzenia+myszy

http://www.poradnik-webmastera.com/kursy/j...sta_zdarzen.php

http://www.kurshtml.boo.pl/html/zdarzenia,html.html


A najlepiej w CSS:
http://www.interklasa.pl/portal/dokumenty/...tml/s/hover.php

[batman]

Wyjaśnij to bardziej, a nie spamujesz byle jakimi postami.

Przecież dobrze Ci odpowiedział. A Ty, jeśli czegoś nie rozumiesz, zamiast marudzić ruszyłbyś swoje 4 litery i poszukał na google.

[Anonim$$]

onmousemove
Poruszanie myszką nad elementem

No mam na przykład to, ale jak to użyć, do przykładowych dwóch obrazków?

[kamil4u]

Skorzystaj z tego: http://grabun.com/teksty/przyklady/css-rollover/ - użycie JS tutaj to zło (IMG:http://forum.php.pl/style_emoticons/default/aaevil.gif)

Ten post edytował kamil4u 22.05.2009, 19:15:07

[Anonim$$]

Pomóżcie mi tutaj jeszcze z tym obrazkiem. (IMG:http://forum.php.pl/style_emoticons/default/ph34r.gif)

[kamil4u]

A w czym mamy Ci pomagać? Otwórz paint-a i do roboty (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)

[Anonim$$]

No zrobiłem taki obrazek, wziąłem jego wymiary ale nie działa. (IMG:http://forum.php.pl/style_emoticons/default/sad.gif)

[erix]

Pokaż, co zrobiłeś.

[Anonim$$]

(IMG:http://iv.pl/images/mh6o2u5yb5wfr98jhm7.jpg)

[kamil4u]

Kod! - i co znaczy nie działa - podaj też wymiary tego obrazka

[Anonim$$]

Ten obrazek to 405 x 310, ale połówka to 405 x 155.

Kod:

Kod

a#rollover { display: block; width: 405px; height: 155px;
             background: url(http://iv.pl/images/mh6o2u5yb5wfr98jhm7.jpg)
             top left no-repeat;
a:hover#rollover { border-color: #00f; background-position: 0 - 155px;  }

[kamil4u]

Kod

<style>
a#rollover { display: block; width: 405px; height: 155px;
             background: url(http://iv.pl/images/mh6o2u5yb5wfr98jhm7.jpg)
             top left no-repeat;
             border: 1px solid #f00; }
a:hover#rollover { border-color: #00f; background-position: 0 -155px;  }

</style>
<a id="rollover"></a>

[Anonim$$]

Ale ja ten kod mam w style.css (IMG:http://forum.php.pl/style_emoticons/default/laugh.gif)

[kamil4u]

i co z tego? - wydobywasz wszystko pomiędzy <style>,a </style> i kopiujesz do pliku style.css <-- nienawidzę jak ktoś pisze takie posty jak Ty (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif) - opisuj problem, a nie stwierdzania, a nie, że trzeba się domyślać czy to tylko tak napisałeś czy nie umiesz sobie poradzić czy co (IMG:http://forum.php.pl/style_emoticons/default/tongue.gif)