Mõned veebilehtede elemendid muudavad oma välimust hiirega hõljudes - see on neile vaikimisi ette nähtud HTML-keele seadetega (HyperText Markup Language - "Hypertext Markup Language"). Selles keeles on tööriistad, mis võimaldavad teil muuta teiste leheelementide seadeid. Vajadusel saate selleks kasutada nii CSS-i (kaskaadstiililehed) kui ka kliendipoolset JavaScripti skriptikeelt.
Juhised
Samm 1
Kasutage stiiliatribuuti, et saaksite kursori muutuja seada teid huvitava veebilehe objekti sildile. Näiteks saab sisestatud tekstivälja HTML-koodi, mis käsib külastaja brauseril muuta kursori välimust samamoodi nagu lingi kohal hõljudes:
2. samm
Valige kursori parameetri kehtivate väärtuste loendist soovitud välimus. Eelmises etapis näidatud näites kasutatakse kursori väärtust - käe väärtusel on täpselt sama mõju. Lisaks neile kahele väärtusele pakutakse kursori väljanägemiseks järgmisi valikuid: rist, e-suuruse muutmine, abi, liikumine, n-suuruse muutmine, suuruse muutmine, nw-suuruse muutmine, s-suuruse muutmine, se-suuruse muutmine, sw-resize, text, w -resize, oota. Näiteks selleks, et kursor näeks ülaltoodud koodinäites kahepoolse noolena vasakult ülevalt alla paremale, kasutage kursori asemel nw-resize
Suuruse suuruse ees olevad tähed aitavad kindlaks teha, millistesse suundadesse nool selle väärtuse järgi suunatakse - need, nagu kompassil, vastavad kardinaalpunktide tähistele. Näiteks nw tähistab põhja-lääne (loode), s tähistab lõuna (lõuna) jne.
3. samm
Kasutage faili URL-i eelnevalt määratletud väärtuste asemel, kui laadisite üles oma kursoripildi selle loomulikus vormingus. Selleks kasutage järgmist süntaksit:
<input style = "kursor: url (https://someSite.ru/someCursor.cur) "/>
Kui fail asub lehega samas kaustas või alamkaustas, saate absoluutse aadressi asemel määrata suhtelise.
4. samm
Kui soovite JavaScripti abil kursori välimust muuta, kasutage atribuuti onmouseover. Näiteks:
See kood töötab täpselt nagu teises etapis olev proov.