Веб-баракчалардын айрым элементтери чычкан менен жылдырууда сырткы көрүнүшүн өзгөртүшөт - демейки шартта, алар үчүн HTML тилинин орнотуулары (HyperText Markup Language - "Hypertext Markup Language") тарабынан белгиленет. Бул тилде башка барак элементтери үчүн бирдей орнотууларды өзгөртүүгө мүмкүнчүлүк берген куралдар бар. Керек болсо, ушул максатта CSS (Cascading Style Sheets) жана кардар тараптагы JavaScript сценарий тилин колдонсоңуз болот.
Нускамалар
1 кадам
Стиль атрибутун колдонуп, сизди кызыктырган веб-баракча объектинин тегиндеги курсордун өзгөрмөсүн орното аласыз. Мисалы, кирүү текст талаасынын HTML коду, шилтемеде жылып тургандай эле, келүүчүнүн браузерине курсордун сырткы көрүнүшүн өзгөртүүгө көрсөтмө берет:
2-кадам
Курсор параметринин жарактуу маанилеринин тизмесинен курсордун керектүү көрүнүшүн тандаңыз. Мурунку кадамда көрсөтүлгөн мисалда, көрсөткүчтүн мааниси колдонулган - колдун мааниси так ушундай эффектке ээ. Ушул эки чоңдуктан тышкары, курсордун пайда болушунун төмөнкү варианттары келтирилген: кайчылаш, электрондук өлчөмдү өзгөртүү, жардам берүү, кыймылдоо, n-өлчөмүн өзгөртүү, ne-өлчөмүн өзгөртүү, nw-өлчөмүн өзгөртүү, прогресс, s-өлчөмүн өзгөртүү, se-өлчөмүн өзгөртүү, sw-resize, text, w -resize, wait. Мисалы, курсорду жогорудагы код үлгүсүндө жогорку солдон төмөн оңго карай эки баштуу жебедей көрсөтүү үчүн, көрсөткүчтүн ордуна nw-resize колдонуңуз:
Өлчөмдүн чоңдугунун алдындагы тамгалар жебенин ушул мааниде кайсы багыттарга багытталгандыгын аныктоого жардам берет - алар, компас сыяктуу, кардиналдык чекиттердин белгилерине туура келет. Мисалы, nw түндүк-батыш (түндүк-батыш), s түштүк (түштүк) ж.б.
3-кадам
Эгерде сиз өзүңүздүн курсор сүрөтүңүздү өзүнүн түп нускасында жүктөсөңүз, анда URL файлын алдын ала аныкталган маанилердин ордуна колдонуңуз. Бул үчүн төмөнкү синтаксисти колдонуңуз:
<input style = "cursor: url (https://someSite.ru/someCursor.cur) "/>
Эгерде файл барак менен кошо бир папкада же кошумча папкада болсо, анда абсолюттук даректин ордуна салыштырмалуу дарегин көрсөтсөңүз болот.
4-кадам
Курсордун көрүнүшүн JavaScript аркылуу өзгөрткүңүз келсе, onmouseover атрибутун колдонуңуз. Мисалы:
Бул код так экинчи кадамдагы үлгүдөй иштейт.
