Zmiana obrazka po najechaniu myszą (dynamiczne przyciski)
Skrypt zmienia obrazek po najechaniu na niego myszą wykorzystując do tego zdarzenie onMouseOver i onMouseOut.
Aby skrypt zadziałał do katalogu w którym odpalasz skrypt dodaj dwa obrazki o nazwie
obrazek1_on.gif i obrazek1_off.gif
Listing
Dostęp do tej części serwisu został zablokowany, wyłącznie osoby zalogowane posiadają
dostęp do większych zasobów serwisu Funkcje.net. Aby utworzyć konto na portalu, skorzystaj
z linku 'Rejestracja' oraz wypełnij obowiązkowe pola formularza rejestracyjnego.
Więcej informacji na temat zniesienia treści zablokowanej jest dostępna tutaj.
Serwis Funkcje.net to ponad 4300 gotowych: funkcji, skryptów, kursów oraz artykułów z dostępnymi przykładami zastosowań oraz komentarzy.
Więcej informacji na temat zniesienia treści zablokowanej jest dostępna tutaj.
Serwis Funkcje.net to ponad 4300 gotowych: funkcji, skryptów, kursów oraz artykułów z dostępnymi przykładami zastosowań oraz komentarzy.
Wszelkie pytania oraz sugestie prosimy kierować na:
Ten wpis posiada swój wątek na forum
Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane
http://forum.funkcje.net/forum/viewtopic.php?f=2&t=1414
Dane do logowania na forum są takie same jak na funkcje.net
Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane
http://forum.funkcje.net/forum/viewtopic.php?f=2&t=1414
Dane do logowania na forum są takie same jak na funkcje.net
Dodano przez: igor
Ranga: Administrator serwisu Punktów: 26604
Ranga: Administrator serwisu Punktów: 26604
Komentarze użytkowników
A jak to zrobić by wiele obrazków na jednej stronie działało? Jak Robie jeden to mi chodzi a jak dwa to tylko dalej jeden chodzi, albo ten albo ten. Wszystkie na raz nie chodzą
autor: terlik87@interia.pl | 50 | 2009-01-14 13:23:01
Proste np mam trzy buttony obrazek1 obrazek2 obrazek3
- Zobacz kod dodany do tego wpisu
-
obrazek1_on = new Image(100, 50);
obrazek1_on.src = "obrazek1_on.gif";
obrazek1_off = new Image(100, 50);
obrazek1_off.src = "obrazek1_off.gif";
obrazek2_on = new Image(100, 50);
obrazek2_on.src = "obrazek2_on.gif";
obrazek2_off = new Image(100, 50);
obrazek2_off.src = "obrazek2_off.gif";
obrazek3_on = new Image(100, 50);
obrazek3_on.src = "obrazek3_on.gif";
obrazek3_off = new Image(100, 50);
obrazek3_off.src = "obrazek3_off.gif";
// a tu 3 obrazki
<IMG
NAME="obrazek1"
SRC="obrazek1_off.gif"
onMouseOver="img_act('obrazek1')"
onMouseOut="img_deact('obrazek1')"
>
<IMG
NAME="obrazek2"
SRC="obrazek2_off.gif"
onMouseOver="img_act('obrazek2')"
onMouseOut="img_deact('obrazek2')"
>
<IMG
NAME="obrazek3"
SRC="obrazek3_off.gif"
onMouseOver="img_act('obrazek3')"
onMouseOut="img_deact('obrazek3')"
>
-
autor: Igor | 51 | 2009-01-14 21:29:53
szkoda tylko, że to nie działa pod IE, wywala błąd :|
autor: SzukamRozwiązania | 82 | 2009-02-02 14:08:58
Sprawdź dokładnie konsole firebuga czy nie informuje o jakiś błędach, i czy jest poprawny kod JavaScript
autor: Igor | 83 | 2009-02-02 19:13:08
A jak to zrobić na przykładzie div?
.menu_gorne_ofirmie{
width: 137px;
height: 129px;
position: relative;
background: url(img/marian_11.jpg);
float:left;
}
autor: norr | 271 | 2009-06-17 21:51:27
:: Losowe artykuły







