W znak ";" (semicolon) pelni role separatora czyli oddziela jedna cześć polecenia od drugiego.
Po co jest separator? Jeżeli mowimy "ubierz spodnie i koszulę" to oczywiście wiemy, że chodzi nam o polecenie, które składa się z dwóch części. Jedna to
"ubierz spodnie" a druga "ubierz koszulę". Nie potrzebujemy separatora, bo domyślamy sie, że chodzi o dwie czynnosci (nie jest istotne, że nie potrafimy ich wykonac równoczenie).
Separator mówi przeglądarce, (a dokładnie "parserowi" czyli modułowi przegladarki odpowiedzialnemu za interpretację skryptu), że polecenie
"document.bgColor="costam";
to jedna odrębna część, a polecenie
"document.bgColor="cosinnego";
to druga część.
Mówiąc potocznie bez separatora przeglądarka (parser) próbowałaby ubrać spodnie i koszulę jednocześnie.
Bez bez separatora polecenie nie zadziała, ponieważ parser zwróci błąd. ZOBACZ JAK TO DZIAŁA
Przy okazji chciałem zaznaczyć, że nie polecam wprowadzania nadmiernego "migotania" na stronach www - szczególnie tych,
mających użytkowy charakter
Tak samo jak kolor tła, możemy zmieniać na stronie www grafikę (teoretycznie na stronie www wszystko jest grafiką, ale chodzi mi tu o pliki graficzne).
Jest to trick polegający na zmianie źrodla obrazka z jednego pliku graficznego na inny.
W języku angielskim podmana obrazka "onmouseover" jest nazywana "rollover" albo "hoover". Po polsku - nie ma chyba specjalnej nazwy, ale zauważylem, że bardzo często jest wpisywane w googlach "zmień obrazek onmouseover", wiec jest to własnie to - "zmień obrazek onmousever".
Popatrzmy na przyklad:
który jest łączem hypertekstowym (tutaj akurat nie prowadzącym do żadnego innego dokumentu html: a href="#ex1.html") wraz z znanymi już doskonale funkcjami onmouseover i onmouseout.
Ważną i istotna sprawą jest nadanie naszemu obrazkowi nazwy - bowiem w ten sposób bedziemy się do niego odwoływać:
<img src="ex1.jpg" name="obrazek">
Teraz za pomocą notacji kropkowej odwołujemy się do źrodła obrazka
jakasnazwa.src=
gdzie "jakasnazwa" jest nazwa jaka nadalismy obrazkowi.
Ja akurat nazwałem go "obrazek" co nie jest najszczęśliwszym pomysłem, osobiscie polecam nadawanie nazw, które pomogo go zidentyfikować czyli np."leweMenu1" albo podobnie wedlug indywydualnych preferencji.
Tak wiec mamy funkcję:
onMouseover="obrazek.src='ex2.jpg'"
, która po umieszczeniu kursora myszki nad "obrazkiem" zamieni jego źrodło z "ex1.jpg" na "ex2.jpg". I drugą
onMouseout="obrazek.src='ex1.jpg'"
, która po odsunięciu kursora z nad obszaru obrazka z powrotem przypisze mu poprzednie źrodło. W ten sposób tworzy sie mała animacja.
KliknijTUTAJ PO DEMO
C.D.N
Komentarze i uwagi
Tutaj można zamieszczać komentarze i uwagi ADD URL
www.bestrejectedadvertising.com
