Простые курсоры для сайта вебмастера

Простые курсоры

Иногда бывает нужным чтобы, когда курсор мышки был над одними элементами вебстраницы, он имел один вид, а когда курсор находится над другими элементами страницы, то он имел бы другой вид. Это достигается с помощью заданий специальных стилей курсора в нужных элементах вебстраницы.

По этой ссылке Вы можете посмотреть, как выглядят разные формы курсоров, если каждой ячейки таблицы задать свою форму курсора: http://enigma.nanoquant.ru/demo-script/cursor/demo-cursor1.html.

Если Вы хотите установить такие курсоры мышки себе на свой сайт, то здесь находится инструкция по установке и коды, которые нужно скопировать на свой сайт.

Вот список всех стилей курсоров, которые можно вставлять в нужные теги, которые могут находится между тегами body вебстраницы.

Если какой-нибудь стиль курсора вставить в тег body (выделено красным), то форма курсора будет задана для всей страницы.

Но если в какой-то тег, расположенный между тегами body вставить свой стиль курсора, то в соответствующем элементе страницы курсор будет переопределен. Например, если мы определим курсор для всей страницы в теге body как показано выше (в виде креста со стрелками), а в одном из параграфов зададим стиль курсора в виде креста без стрелок (выделено красным ниже), то на всей странице форма курсора будет в виде креста со стрелками, кроме одного параграфа, в котором курсор превратится в крест без стрелок.

Аналогичное правило работает для любых вложенных друг в друга тегов.

Обратите внимание, что для ссылок обычно по умолчанию задается специальный вид курсора. (Часто это рисунок кисти руки с указательным пальцем, который готов нажать на ссылку.) Вы, конечно, для оригинальности можете переопределить вид этого курсора в теге a. Но лучше этого не делать. Иначе посетители Вашего сайта могут не понять, что это ссылка, по которой надо кликнуть мышкой.

Внимание! Если эти коды копируются из Вашего браузера в Вашу веб-страницу неправильно, то нужно их сначала скопировать в какой-нибудь самый простой текстовый редактор, например, в Блокнот. А уже потом оттуда их скопировать на свою веб-страницу.

На одной вебстранице может быть сколько угодно разных видов курсоров. Каждому элементу можно присвоить свой вид курсора.