Как да смените показалеца на мишката на сайта

По подразбиране, курсора на мишката, който се използва в уеб страници, има формата на стрела или удължения показалеца на дясната си ръка, която се появява, когато потребителят витае показалеца на мишката върху линка.

Като цяло, тази цялата селекция и ограничен.

Но на практика, има ситуации, които искам да промените дисплея на неизпълнение от страна на курсора, когато някои потребителски действия. Бих искал да се промени външния му вид.

В съответствие с това възниква въпросът, как да го направя и по какъв начин?

Ако става дума за промяна на външния вид на курсора да се използва за уеб страници, способността да се направи това ни дава CSS технологията. В тази статия бих искал да се помисли как това може да бъде направено.

Но аз бих искал да предупредя, че промяна на външния вид на курсора на мишката, което е по подразбиране, трябва да бъдат много внимателни.

Защо? Защото курсора, които ще променят облика си на грешното място в грешното време може да бъде подвеждащо.

Например, ако сте сигурни, че когато се движите мишката над връзката става икона на обърнатата пясъчен часовник, потребителят може да смятате, че страницата не се зареди, и т.н.

Така че използването на тази възможност внимателно.

Така че, по-специално CSS собственост, която ви позволява да промените външния вид на курсора на сайта, има следния синтаксис:

Този израз означава, че мишката може да бъде едно от следните:

1) Изберете от списък с ключови думи, всяка от които определя конкретен дизайн на курсора;

2) са взети от специален файл с изображението на курсора

3) наследен от клетките майки.

Външният вид на курсора на мишката от списъка с ключови думи:

Така че можете да си представите какво външния вид ще получите курсора на мишката, в зависимост от ключовата дума, която искате да използвате, бих искал да даде специална таблица за стойностите:

Всяка стойност съответства на определен дисплей курсора.

В този пример, когато задържите курсора на мишката върху един абзац от текст, тя ще се промени външния му вид.

Външният вид на курсора на мишката от файла:

Освен това, появата на курсора може да се настрои, като се посочва пътя към файл, който съдържа оригиналното изображение за курсора.

Файлове с изображения за курсори лесно могат да бъдат намерени в интернет.

Ето един пример за това, как можете да се възползвате от тази възможност.

Къде name.cur - името и разширението на мишката, която искате да използвате.

Да наследиш появата на курсора:

И накрая, курсора на мишката може да бъде наследен от родителите си. Например,

Въпреки появата на курсора е назначен за маркер Разделение, но все пак, когато задържите курсора на мишката върху един абзац таг

, курсорът се променя външния му вид.

От това следва, че имотът курсора се наследява, и ако е зададено за тялото маркер, появата на курсора се променя в цяла уеб страница като цяло.

Това са възможностите на CSS ни дава технологията за работа с курсори.

Ако искате да научите повече за по-разширени функции, които могат да ви позволят да CSS технологията, можете да се запознаете с моите "основни курсове по CSS».