Описание Web разработки: Возможно ли изменять курсор мышки динамически на страничках сайта? Да! Сначала для установки курсора нам нужно выбрать сам вид мыши
Уже достаточно надоели вопросы типа: "Как сменить курсор на сайте", "Как сменить мышку на сайта", "Как сменить стрелку на сайте" и т.д.
Поэтому сейчас постараюсь подробнее объяснить, как же всё-таки сменить курсор на сайте или определенном элементе.
Свойство CSS cursor дает нам возможность устанавливать собственный курсор различным элементам страницы или всей страницы, причем, можно выбрать как стандартные курсоры, как из списка ниже, так и собственные.
Как сменить курсор при наведении на отдельный элемент.
Список стандартных курсоров:
Курсор default.
Курсор auto.
Курсор text.
Курсор crosshair.
Курсор e-resize.
Курсор w-resize.
Курсор n-resize.
Курсор s-resize.
Курсор ne-resize.
Курсор sw-resize.
Курсор nw-resize.
Курсор se-resize.
Курсор wait.
Курсор hand.
Курсор pointer.
Курсор help.
Курсор move.
Установка: И так приступим к установке данный ниже стиль нужно вставить в Таблицу стилей css в самый в верх:
Код
/* ----------------------- */
body {cursor: url(/kyrsor/411_cursor.cur), auto;}
a {cursor: url('/kyrsor/oth630.cur'), auto;}
a img {cursor: url('/kyrsor/oth630.cur'), auto;}
/* ----------------------- */
Что к чему или тонкая настройка:
body - изменяем курсор в пределах сайта, при наведении на текст, и вообще в целом на сайте.
a - Этот курсор отвечает при наведении на сылки.
a img - Этот курсор при наведении на картинки, и на активные картинки (сылки).
Поставьте разные курсоры для каждого, и вам станет ясно что к чему.
Курсор на отдельном элементе в виде HTML-кода:
Код
<body style="cursor: url(http://webo4ka.3dn.ru/Ucoz/arrow_rll.cur), auto;">
Автор/Источник: http://tropic.do.am/blog/kak_izmenit_kursor_na_sajte_ucoz/2013-01-22-3
http://webo4ka.ru/load/46-1-0-307
http://ucoz-net.ru/articles/web-master/300113-1-1-0-113.html