Зміна курсору при наведенні миші

Відео: Adobe Muse уроки | 28. Ефект при наведенні на картинку курсора миші

Буквально пару днів тому мене попросили написати скрипт, який буде змінювати курсор миші при наведенні на зображення. Насправді, ніяких скриптів для цього завдання не потрібно, а потрібно лише CSS. Ось як змінити курсор миші через CSS для будь-якого об`єкта (А не тільки для зображення), Ви дізнаєтеся з цієї статті.

Для завдання виду курсора використовується властивість cursor. Фактично, все, що потрібно це додати в CSS-стиль це властивість для тих елементів, у яких Ви хочете міняти курсор при наведенні миші.

Відео: Підсвічування, зміна кольору при наведенні курсору мишки на об`єкт в Unity3d

Даний код необхідно розмістити або в файлі стилів, або всередині тега style, що знаходиться всередині голови документа (тег head), Або можна скористатися inline-стилем:

Що стосується, які бувають курсори і як вони називаються, можна почитати в цій статті: види курсорів. Якщо потрібно задати своє курсор, то тоді скористайтеся можливістю задати значення наступним чином: "cursor: url ( "my.cur"), default-". Тобто потрібно, використовуючи url () вказати шлях до зображення курсора.

Відео: Зміна стилів віджетів при взаємодії в Axure 7

Ось таким простим чином змінюється вид курсора при наведенні миші, і без жодних скриптів, що дуже добре.