Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Как подменть курсор мыши?

Автор: sergej.z 16.8.2005, 03:46

Question:
Как подменить курсор с помощью яваскрипта. И какие курсоры возможны?
How to change cursor? What kind of cursors are possible?
Wie kann man den Mauszeiger verändern? Welche sind möglich?

Answer:
Возможные значения параметра cursor:
auto - Курсор определяется в зависимости от браузера, элемента, на который наведен итп.
crosshair - Курсор в виде креста
default - Курсор по умолчанию, зависит от платформы. Чаще всего стрелка
pointer - Курсор, указывающий на ссылку. Чаще всего в виде руки
move - Показывает, что объект можно переместить
e-resize, ne-resize, nw-resize, n-resize, se-resize, sw-resize, s-resize, w-resize - Изменение размера (n - север, s - юг, e - восток, w - запад, буква говорит о направлении).
text - Курсор, используемый для текста
wait - "Песочные часы"
help - "Вопросительный знак"
URL("http://server.com/my_cursor.ani") - Любой курсор в формате ani или cur
inherit - унаследовать курсор от родительского объекта

Браузеры:
Internet Explorer Yes, Mozilla Yes, Opera Yes

Пример:

Код

<!--
    Thanks to:
    Foxx http://vingrad.ru/@Foxx
    for this excample
-->
<html>
<head>
<style type="text/css">
.gr
{
    cursor: pointer;
}
</style>
</head>
<body>
при наведении на слово <span class="gr">курсор</span>  указатель мыши примет вид руки
</body>
</html>

Примечания:

Спасибо:
http://vingrad.ru/@MuToGeN, http://vingrad.ru/@Foxx за предоставленный материал.