Ang ilang mga elemento ng mga web page ay binago ang kanilang hitsura sa pag-hover gamit ang mouse - ito ay bilang default na inireseta para sa kanila ng mga setting ng wikang HTML (HyperTxt Markup Language - "Hypertext Markup Language"). Ang wikang ito ay may mga tool na nagbibigay-daan sa iyo upang baguhin ang parehong mga setting para sa iba pang mga elemento ng pahina. Kung kinakailangan, maaari mong gamitin ang parehong CSS (Cascading Style Sheets) at ang wikang script ng JavaScript sa panig ng client para sa hangaring ito.
Panuto
Hakbang 1
Gamitin ang katangiang istilo upang maitakda ang variable ng cursor sa tag ng object ng web page na interes sa iyo. Halimbawa, ang HTML code ng isang patlang ng input na teksto na nagtuturo sa browser ng bisita na baguhin ang hitsura ng cursor sa parehong paraan tulad ng kapag lumalagay sa isang link, maaaring maisulat tulad nito
Hakbang 2
Piliin ang nais na hitsura ng cursor mula sa listahan ng mga wastong halaga para sa parameter ng cursor. Sa halimbawang ipinakita sa nakaraang hakbang, ang halaga ng pointer ay ginagamit - ang halaga ng kamay ay may eksaktong parehong epekto. Bilang karagdagan sa dalawang halagang ito, ang mga sumusunod na pagpipilian para sa paglitaw ng cursor ay ibinibigay: crosshair, e-resize, help, move, n-resize, ne-resize, nw-resize, advance, s-resize, se-resize, sw-resize, text, w -resize, maghintay. Halimbawa, upang gawing tulad ng isang dobleng-arrow na arrow mula sa itaas na kaliwa hanggang sa kanang ibaba sa sample ng code sa itaas, gamitin ang nw-resize sa halip na pointer:
Ang mga titik sa harap ng laki ng laki ng halaga ay tumutulong upang matukoy kung aling mga direksyon ang arrow ay nakadirekta sa pamamagitan ng halagang ito - sila, tulad ng sa isang compass, tumutugma sa mga pagtatalaga ng mga kardinal na puntos. Halimbawa, ang nw ay nangangahulugang nord-kanluran (hilagang-kanluran), s para sa timog (timog), atbp.
Hakbang 3
Gamitin ang file URL sa halip na ang mga paunang natukoy na halaga kung na-upload mo ang iyong sariling imahe ng cursor sa katutubong format ng cur. Upang magawa ito, gamitin ang sumusunod na syntax:
<input style = "cursor: url (https://someSite.ru/someCursor.cur) "/>
Kung ang file ay matatagpuan sa parehong folder na may pahina o sa isang subfolder, pagkatapos sa halip na isang ganap na address, maaari mong tukuyin ang isang kamag-anak.
Hakbang 4
Gamitin ang katangiang onmouseover kung nais mong baguhin ang hitsura ng cursor gamit ang JavaScript. Halimbawa:
Ang code na ito ay gagana nang eksakto tulad ng sample sa hakbang dalawa.
