Folosind aceste obiecte, puteți schimba valorile atributelor containerelor html. Aceasta înseamnă că puteți schimba culoarea de fundal a paginii, puteți deschide o fereastră nouă sau puteți modifica imaginea când plasați cursorul în document. Aceasta nu repornește pagina. Pentru a schimba imaginea când mutați cursorul, trebuie să utilizați obiectul [] de imagini. Toate obiectele din DOM au o ierarhie. Ie există un obiect principal (Fereastră), se supune unor obiecte, la rândul său este diferit. Pentru a accesa orice obiect sau proprietatea acestuia, specificați numele complet sau parțial al obiectului, începând cu numele seniorului din ierarhie. Numele complet al obiectului responsabil pentru toate imaginile de la window.document.images []. În paranteze pătrate, este dată numele imaginii pe care dorim să o înlocuim. De exemplu, pe pagină există o imagine. Numele imaginii este specificat în atributul name, prin urmare, obiectul nostru va fi window.document.images ['MyPicture']. Apoi, trebuie să specificați numele complet al imaginii noi pe care dorim să o înlocuim cu cea curentă. Aceasta se face folosind proprietatea obiectului src. Forma intrării este următoarea window.document.images ['MyPicture'] Src = 'NewPicture.gif'. În acest caz, proprietatea noastră este atribuită o nouă imagine NewPicture.gif. Imaginea curentă care este afișată în mod prestabilit este Picture.gif.
- onMouseOut - răspunde când cursorul mouse-ului părăsește imaginea;
- onMouseOver - răspunde când cursorul mouse-ului utilizatorului intră în zona de imagini.
În ghilimele pentru evenimentul onMouseOver, trebuie să specificăm proprietatea obiectului cu care se schimbă imaginea atunci când cursorul este plutind. În ghilimele pentru evenimentul onMouseOut, trebuie să specificăm proprietatea obiectului nostru care returnează imaginea anterioară.
Acesta va arata astfel:
Articole similare
Trimiteți-le prietenilor: