Kas ir kursori CSS?
Katru dienu mēs jau izmantojam pielāgotus kursorus. Šī mijiedarbība ir iespējama, izmantojot modificētus kursorus, piemēram, kad virzāt kursoru virs pogām, kursors tiek pārveidots par roku vai kad virzāt kursoru virs teksta un kursors tiek pārveidots par teksta kursoru.
Taču kursori var tikt izmantoti arī, lai sniegtu mūsu lietotājiem dažādas papildu radošas iespējas.
Mums jāapzinās, ka CSS jau ir noklusējuma kursori dažādām bieži veiktām darbībām, pirms sākam izstrādāt savus pielāgotos kursorus.
Šie kursori nodrošina darbības iespējas precīzā vietā, virs kuras virzāt kursoru. Piemēri ir kursori, kas norāda, ka jums ir jānoklikšķina uz saitēm, velciet un nometiet elementus, tuviniet un tāliniet objektus un veiciet citas darbības.
virknes funkcijas java
Izmantojiet CSS kursora rekvizītu, lai aprakstītu vēlamā kursora veidu.
CSS kursora īpašums
Mēs varam norādīt, kāda veida kursors ir jāparāda lietotājam, izmantojot CSS kursora rekvizītu.
rinda pret kolonnu
Fotoattēlu izmantošana kā iesniegšanas pogas veidlapās ir noderīgs šīs iespējas lietojums. Kad kursors atrodas virs saites, rādītāja vietā pēc noklusējuma tiek parādīta roka. Tomēr veidlapas iesniegšanas poga neizraisa tās izmaiņas veidlapā. Tas kalpo kā vizuāls norāde, ka uz attēla var noklikšķināt jebkurā laikā, kad kāds novieto kursoru virs attēla, kas ir iesniegšanas poga.
Šis rekvizīts ir norādīts ar nulli vai vairākām vērtībām, kas atdalītas ar komatiem, kam seko viena atslēgvārda vērtība pēc vajadzības, un katra no tām atsauksies uz attēla failu.
Sintakse
cursor: value;
Īpašuma vērtības
| Automātiski: | Šī atribūta noklusējuma iestatījums ir novietot kursoru.
| Alias: | Šis atribūts tiek izmantots, lai parādītu ar kursora izveidi saistīto indikatoru.
| Visa ritināšana: | Kursors šajā atribūtā apzīmē ritināšanu.
| Šūna: | Kursors šajā rekvizītā norāda, ka pašlaik ir izvēlēta šūna vai šūnu grupa.
| Konteksta izvēlne: | Kursors šajā atribūtā parāda konteksta izvēlnes esamību.
| Mainīt lielumu: | Ja kursors atrodas virs kolonnas šajā īpašumā, tā izmērus var mainīt horizontāli.
| Kopēt: | Kursors šajā rekvizītā norāda, ka kaut kas ir jākopē.
| Krusts: | Kursors šajā atribūtā parādās kā krustojums.
| Noklusējums: | Noklusējuma kursors.
| E-izmēra maiņa: | Kursors šajā atribūtā norāda, ka ir jāpārvieto lodziņa labā mala.
| Tā izmēra maiņa: | Kursors šajā atribūtā apzīmē divvirzienu izmēru maiņas kursoru.
| Palīdzība: | Šajā īpašumā kursors parāda, ka palīdzība ir pieejama.
| Kustēties: | Rādītājs šajā īpašumā nozīmē, ka kaut kas ir jāpārvieto
| . n-izmēra maiņa: | Izmantojot n-resize rekvizītu, rādītājs parāda, ka lodziņa augšējā robeža ir jāpārvieto.
| Kādu izmēru mainīt: | Izmantojot šo īpašību, kursors parāda, ka lodziņa mala ir jāpārvieto pa labi un uz augšu.
| Jauns izmēra maiņa: | Divvirzienu izmēru maiņas kursors tiek norādīts ar šo atribūtu.
| Ns-izmēra maiņa: | Divvirzienu izmēru maiņas kursors tiek norādīts ar atribūtu ns-resize.
| Jaunā izmēra maiņa: | Kursors šajā atribūtā parāda, ka kastes augšējā un apakšējā mala ir jāpārvieto uz augšu un pa kreisi.
| Deguna izmēra maiņa: | Divvirzienu izmēru maiņas kursors tiek norādīts ar šo atribūtu.
| Bez kritiena: | Kursors šajā atribūtā norāda, ka izvilkto objektu nevar izmest šajā vietā.
| Nav: | Elementam saskaņā ar šo atribūtu kursors netiek parādīts.
| Nav atļauts: | Kursors šajā rekvizītā norāda, ka pieprasītā darbība netiks veikta.
| Rādītājs: | Kursors šajā īpašumā kalpo kā rādītājs un parāda saites norisi.
| Progress: | Kursors šajā atribūtā parāda, ka programma ir aktīva.
| Rindas lieluma maiņa: | Kursors parāda, ka šī funkcija ļauj mainīt rindas izmērus vertikāli.
| S izmēra lielums: | Izmantojot šo rekvizītu, rādītājs parāda, ka kastes apakšējā robeža ir jāsamazina.
| Se-izmēra maiņa: | Kursors šajā atribūtā norāda, ka lodziņa mala ir jāpārvieto pa labi un uz leju.
| Sw izmēra maiņa: | Kursors šajā atribūtā norāda, ka ir jāpārvieto lodziņa kreisā un apakšējā mala.
| Teksts: | Kursors šajā atribūtā apzīmē tekstu, ko var izvēlēties.
| URL: | Šis rekvizīts satur pielāgoto kursoru vietrāžu URL sarakstu, kas atdalīts ar komatiem un vispārīgu kursoru saraksta beigās.
| Vertikālais teksts: | Kursors šajā atribūtā parāda iespējamās vertikālā teksta atlases.
| W izmērs: | Izmantojot šo rekvizītu, rādītājs parāda, ka ir jāpārvieto lodziņa kreisā mala.
Piemērs
Šis piemērs parāda, kā izmantot kursora rekvizītu. Programma ir aizņemta, jo kursora rekvizīta vērtība ir iestatīta uz gaidīšanu.
CSS cursor property .wait { cursor: wait; } h1 { color: red; } <p> Login Credentials </p> Izvade
javascript daudzrindu virkne
Mēs varam norādīt, kāda veida kursors ir jāparāda lietotājam, izmantojot CSS kursora rekvizītu. Fotoattēlu izmantošana kā iesniegšanas pogas veidlapās ir noderīgs šīs iespējas lietojums. Kad kursors atrodas virs saites, rādītāja vietā pēc noklusējuma tiek parādīta roka.
