Автор статті: Сергій Камінський
CSS дозволяє змінювати вид практично будь-якого елементу веб-сторінки, в тому числі це стосується і курсор. Ви можете змінювати не тільки стан курсору (перемістити, зачекайте і т.д.), але і використовувати свої власні курсори, які будуть динамічно довантажувати браузером і відображатися при наведенні на визначені вами елементи сторінки. Ви можете стандартний курсор користувача замінити на ведмедя, що летить на повітряній кулі або на що-небудь інше, відповідне тематиці вашого сайту.
Значення CSS-атрибута cursor
CSS-атрибут cursor може приймати значення, наведені в таблиці. Ви можете подивитися на роботу даного атрибута в вашому браузері, помістивши курсор у відповідній клітинці таблиці навпроти значення, яке ви хочете переглянути.
Приклади CSS коду
Наведений нижче код показує браузеру, що він повинен відобразити курсор зі знаком питання при наведенні на посилання:
<a href="/help.php" style="cursor: help;"> Допомога </a>
Наступний приклад показує браузеру, що він повинен використовувати при наведенні на посилання замість стандартного курсора файл cursor.cur, розташований на вашому сайті.
<a href="/link.php" style="cursor: url(/style/cursor.cur), pointer;"> Посилання </a>
висновок
Хоч CSS і дозволяє змінювати вид практично будь-якого елементу сторінки, це не означає що потрібно використовувати будь-які властивості завжди і всюди. У тому числі це стосується курсор. Адже користувачі звикли бачити, наприклад, курсор у вигляді руки при наведенні на посилання. Тому намагайтеся використовувати подібні можливості тільки якщо це дійсно необхідно.
Інші записи по темі в розділі статті по HTML і CSS
Копіювання статті заборонено.
