Kā nomainīt peles rādītāju, izmantojot OnMouseOver

Autors: Frank Hunt
Radīšanas Datums: 14 Martā 2021
Atjaunināšanas Datums: 1 Decembris 2024
Anonim
#25 Change Image onmouseover and onmouseout events in JavaScript
Video: #25 Change Image onmouseover and onmouseout events in JavaScript

Saturs

"OnMouseOver" notikums tiek aktivizēts, kad lietotājs nodod peles rādītāju virs lapas elementa. Tas var notikt ar jebkuru elementu, piemēram, attēlu, pogu, tabulu vai pašu lapu. Lietotājam var mainīt ikonu, kad peles rādītājs izlaiž šos elementus, izmantojot Javascript vadības īpašībās. "OnMouseOver" notikums tiek lietots ar "OnMouseOut", kas tiek aktivizēts, kad peles rādītājs vairs nav elementā, un to izmanto, lai rādītāja ikona atgrieztos sākotnējā attēlā.


Instrukcijas

Notikums "OnMouseOver" tiek aktivizēts, kad pārvietojat virs noteiktā elementa (Edyta Anna Grabowska no datora datora peles attēls no Fotolia.com)

  1. Atveriet HTML failu ar savu iecienītāko teksta redaktoru. Ritiniet uz leju līdz HTML elementam, kuru vēlaties rediģēt. Tas var būt jebkurš lapas elements. Šajā piemērā etiķete "

  2. Piešķiriet Javascript kodu "OnMouseOver" notikumam, kas maina peles rādītāju. Šis lietotājs mainīs rādītāju uz mazu roku, kad lietotājs virzās virs attēla:

  3. Pēc tam, kad peles rādītājs vairs nav uz elementa, atgriezieties sākotnējā ikonā. Ja konfigurējat "OnMouseOut" notikumu, pele turpina mainīties, kad lietotājs pārvietojas lapā. Šis kods izraisa peles rādītāja atgriešanos pie noklusējuma: