изменить курсор на указатель пальца

У меня есть это, aи я не знаю, что мне нужно вставить в «onmouseover», чтобы курсор изменился на указатель пальца, как обычная ссылка:

<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover=""> A </a>

Я где-то читал, что мне нужно поставить:

onmouseover="cursor: hand (a pointing hand)"

Но это не работает для меня.

Кроме того, я не уверен, считается ли это JavaScript, CSS или просто HTML.

<a class="menu_links" onclick="displayData(11,1,0,'A')" onmouseover="" style="cursor: pointer;"> A </a>

Это CSS.

Или в таблице стилей:

a.menu_links { cursor: pointer; }

Вы можете сделать это в CSS:

a.menu_links {
    cursor: pointer;
}

Это на самом деле поведение по умолчанию для ссылок. Вы должны либо каким-то образом переопределить его в другом месте вашего CSS, либо там нет hrefатрибута (это отсутствует в вашем примере).

Мне нравится использовать эту, если у меня есть только одна ссылка на странице:

onMouseOver="this.style.cursor='pointer'"

в ксс написать

a.menu_links:hover{ cursor:pointer}

Вот что-то классное, если вы хотите пройти лишнюю милю с этим. в URL вы можете использовать ссылку или сохранить изображение PNG и использовать путь. например:

URL ( 'активы / ГИМ / theGoods.png');

ниже код:

.cursor{
  cursor:url(http://www.icon100.com/up/3772/128/425-hand-pointer.png), auto;
}

Так что это будет работать только при размере 128 X 128, больше и изображение не будет загружаться. Но вы можете использовать практически любое изображение! Это будет считать чистый CSS3, а некоторые HTML. все, что вам нужно сделать в HTML

<div class='cursor'></div>

и только в этом div этот курсор будет отображаться. Поэтому я обычно добавляю его в тег body.

Я думаю, что «лучший ответ» выше, хотя и программно точный, на самом деле не отвечает на поставленный вопрос. вопрос состоит в том, как изменить указатель в событии наведения мыши. Я вижу сообщения о том, что где-то может быть ошибка, не отвечающая на вопрос. В принятом ответе событие mouseover пустое ( onmouseover=""), и вместо него включена опция стиля. Непонятно, почему это было сделано.

Там может быть ничего плохого со ссылкой на запрос. рассмотрите следующий HTML:

<a id=test_link onclick="alert('kinda neat);">Click ME!</a>

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

ответ на этот вопрос (который был опубликован другим):

<a id=test_link onclick="alert('Nice!');"
       onmouseover="this.style.cursor='pointer';">Click ME!</a>

Тем не менее, это ... кошмар, если у вас их много или вы используете такие вещи повсюду и решаете внести какие-то изменения или наткнуться на ошибку. лучше сделать класс CSS для этого:

a.lendhand {
  cursor: pointer;
}

затем:

<a class=lendhand onclick="alert('hand is lent!');">Click ME!</a>

Есть много других способов, которые были бы, возможно, лучше, чем этот метод. DIV , кнопки , IMG и т. Д. Могут оказаться более полезными. Я не вижу вреда в использовании <a>...</a>, хотя.

Джаррете.

Добавьте hrefатрибут, чтобы сделать его действительной ссылкой, и return false;в обработчик событий, чтобы он не вызывал навигацию;

<a href="#" class="menu_links" onclick="displayData(11,1,0,'A'); return false;" onmouseover=""> A </a>

(Или сделать displayData()возврат ложным и ..="return displayData(..)

Решение с использованием чистого CSS, как указано в ответе, помечено как лучшее, не подходит для этой ситуации.

Пример в этом разделе не имеет нормального статического атрибута href, он вызывает только JS, поэтому без JS ничего не будет сделано.

Так что хорошо включать указатель только с помощью JS. Итак, решение

onMouseOver="this.style.cursor='pointer'"

как уже упоминалось выше (но я не могу комментировать там) является лучшим в этом случае. (Но, в общем, для обычных ссылок, не требующих JS, лучше работать с чистым CSS без JS.)