Bəzi veb səhifələrin elementləri siçan ilə gəzərkən görünüşlərini dəyişdirir - bu, əvvəlcədən HTML dilinin parametrləri ilə onlar üçün təyin olunmuşdur (HyperText Markup Language - "Hypertext Markup Language"). Bu dildə digər səhifə elementləri üçün eyni parametrləri dəyişdirməyə imkan verən vasitələr var. Lazım gələrsə, bu məqsəd üçün həm CSS (Cascading Style Sheets), həm də müştəri tərəfli JavaScript skript dili istifadə edə bilərsiniz.
Təlimat
Addım 1
Sizi maraqlandıran veb səhifə obyektinin etiketində imlec dəyişənini təyin etmək üçün stil atributundan istifadə edin. Məsələn, ziyarətçi brauzerinə bir keçid üzərində gəzərkən olduğu kimi kursorun görünüşünü dəyişdirməyi tapşıran giriş mətn sahəsinin HTML kodu belə yazıla bilər:
Addım 2
Kursor parametri üçün etibarlı dəyərlər siyahısından istədiyiniz imlecin görünüşünü seçin. Əvvəlki addımda göstərilən nümunədə göstəricinin dəyəri istifadə edilmişdir - əlin dəyəri tamamilə eyni təsirə malikdir. Bu iki dəyərə əlavə olaraq kursorun görünüşü üçün aşağıdakı variantlar təqdim olunur: çarpaz, e-ölçüsünü dəyiş, kömək et, hərəkət et, n ölçüsünü dəyiş, yenidən ölçüsünü dəyiş, nw-ölçüsünü dəyiş, irəliləmə, s-yenidən ölçmək, ölçüsünü dəyişdirmək., sw-resize, text, w -resize, wait. Məsələn, yuxarıdakı kod nümunəsində yuxarı soldan aşağı sağa iki başlı ox kimi görünmək üçün göstərici əvəzinə nw-resize istifadə edin:
Yenidən ölçülmə dəyərinin önündəki hərflər, oxun bu dəyər tərəfindən hansı istiqamətlərə yönəldildiyini müəyyənləşdirməyə kömək edir - bir pusula kimi, əsas nöqtələrin təyinatlarına uyğundur. Məsələn, nw şimal-qərb (şimal-qərb), cənub (cənub) və s.
Addım 3
Öz kursor şəklinizi öz yerli formatında yüklədiyiniz təqdirdə əvvəlcədən təyin edilmiş dəyərlər əvəzinə fayl URL-sindən istifadə edin. Bunu etmək üçün aşağıdakı sintaksisdən istifadə edin:
<input style = "kursor: url (https://someSite.ru/someCursor.cur) "/>
Fayl səhifə ilə eyni qovluqda və ya alt qovluqda yerləşirsə, mütləq bir ünvan əvəzinə nisbi birini təyin edə bilərsiniz.
Addım 4
JavaScript istifadə edərək kursorun görünüşünü dəyişdirmək istəyirsinizsə onmouseover atributundan istifadə edin. Misal üçün:
Bu kod tam olaraq ikinci addımdakı nümunə kimi işləyəcəkdir.
