Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML] Inne przyciski.
Forum PHP.pl > Forum > Przedszkole
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.
batman
Cytat(Anonim$$ @ 22.05.2009, 19:56:56 ) *
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$$
Cytat
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 aaevil.gif
Anonim$$
Pomóżcie mi tutaj jeszcze z tym obrazkiem. ph34r.gif
kamil4u
A w czym mamy Ci pomagać? Otwórz paint-a i do roboty tongue.gif
Anonim$$
No zrobiłem taki obrazek, wziąłem jego wymiary ale nie działa. sad.gif
erix
Pokaż, co zrobiłeś.
Anonim$$
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 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 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 tongue.gif
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.