Hover-da Kursorni Qanday O'zgartirish Mumkin

Mundarija:

Hover-da Kursorni Qanday O'zgartirish Mumkin
Hover-da Kursorni Qanday O'zgartirish Mumkin

Video: Hover-da Kursorni Qanday O'zgartirish Mumkin

Video: Hover-da Kursorni Qanday O'zgartirish Mumkin
Video: 095. Akademnashr maketiga hover va active holatlar stillarini qo'shish. SVG rangini o'zgartirish 2024, May
Anonim

Sichqoncha bilan harakatlanayotganda veb-sahifalarning ayrim elementlari tashqi ko'rinishini o'zgartiradi - bu sukut bo'yicha ular uchun HTML tili sozlamalari bilan belgilanadi (HyperText Markup Language - "Gipermatnni belgilash tili"). Ushbu tilda boshqa sahifa elementlari uchun bir xil sozlamalarni o'zgartirishga imkon beradigan vositalar mavjud. Agar kerak bo'lsa, siz ushbu maqsad uchun ikkala CSS (Cascading Style Sheets) va mijoz tomonidagi JavaScript-ni skript tilidan foydalanishingiz mumkin.

Hover-da kursorni qanday o'zgartirish mumkin
Hover-da kursorni qanday o'zgartirish mumkin

Ko'rsatmalar

1-qadam

Sizni qiziqtirgan veb-sahifa ob'ekti yorlig'ida kursor o'zgaruvchisini o'rnatish uchun stil atributidan foydalaning. Masalan, tashrif buyuruvchilar brauzeriga kursorning ko'rinishini havolani bosib o'tishda bo'lgani kabi o'zgartirishni buyuradigan kirish matn maydonining HTML kodini quyidagicha yozish mumkin:

2-qadam

Kursor parametri uchun kerakli qiymatlar ro'yxatidan kerakli kursor ko'rinishini tanlang. Oldingi bosqichda ko'rsatilgan misolda ko'rsatgich qiymati ishlatilgan - qo'l qiymati aynan bir xil ta'sirga ega. Ushbu ikkita qiymatdan tashqari, kursor ko'rinishini quyidagi variantlari berilgan: o'zaro faoliyat, elektron o'lchamdagi o'zgartirish, yordam berish, harakat qilish, n-o'lchamini o'zgartirish, o'lchamini o'zgartirish, nw-o'lchamini o'zgartirish, taraqqiyot, s-o'lchamini o'zgartirish, o'lchamini o'zgartirish, hajmini o'zgartirish, matnni yozish, o'lchamini o'zgartirish, kutish. Masalan, yuqoridagi kod namunasida yuqori chapdan pastki o'ngga kursorni ikki boshli o'qga o'xshash qilish uchun ko'rsatgich o'rniga nw-resize dan foydalaning:

O'lchash qiymati oldidagi harflar o'qning ushbu yo'nalish bo'yicha qaysi yo'nalishlarga yo'naltirilganligini aniqlashga yordam beradi - ular xuddi kompas singari, asosiy nuqtalarning belgilariga mos keladi. Masalan, nw shimoli-g'arbiy (shimoli-g'arbiy), s-janub (janubiy) va boshqalarni anglatadi.

3-qadam

O'zingizning kursor rasmingizni asl formatida yuklagan bo'lsangiz, oldindan belgilangan qiymatlar o'rniga fayl URL manzilidan foydalaning. Buning uchun quyidagi sintaksisdan foydalaning:

<input style = "kursor: url (https://someSite.ru/someCursor.cur) "/>

Agar fayl sahifa bilan bitta papkada yoki pastki papkada joylashgan bo'lsa, unda mutlaq manzil o'rniga qarindoshini ko'rsatishingiz mumkin.

4-qadam

JavaScript-ni ishlatib kursor ko'rinishini o'zgartirmoqchi bo'lsangiz, onmouseover atributidan foydalaning. Misol uchun:

Ushbu kod to'liq ikkinchi bosqichdagi namuna kabi ishlaydi.

Tavsiya: