курсор меняется на указательный палец

Question

курсор меняется на указательный палец

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

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

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

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

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

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

1028 8

html css mouseevent

8 ответов:

Comments

Ничего не найдено.

Scott · Accepted Answer · 2014-01-21 13:00:04

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

это css.

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

a.menu_links { cursor: pointer; }

Joseph Silber · Accepted Answer · 2012-01-10 22:18:52

Вы можете сделать это в CSS:
a.menu_links {
    cursor: pointer;
}
вообще-то это поведение по умолчанию для ссылок. Вы должны были либо каким-то образом переопределить его в другом месте вашего CSS, либо нет href атрибут там (он отсутствует в вашем примере).

fooschnikens · Accepted Answer · 2015-08-01 06:41:07

Мне нравится использовать это, если у меня есть только одна ссылка на странице:
onMouseOver="this.style.cursor='pointer'"

Mandeep Pasbola · Accepted Answer · 2012-01-16 17:13:50

в css написать
a.menu_links:hover{ cursor:pointer}

Michael Barreiro · Accepted Answer · 2015-09-11 22:49:03

вот что-то классное, если вы хотите пройти лишнюю милю с этим. в url-адресе вы можете использовать ссылку или Сохранить Изображение png и использовать путь. например:

url ('assets/imgs / theGoods.png');

ниже код:
.cursor{
  cursor:url(http://www.icon100.com/up/3772/128/425-hand-pointer.png), auto;
}
Так что это будет работать только под размер 128 х 128, любой больше и изображение не будет загружаться. Но вы можете использовать практически любое изображение, которое вы хотите! Это будет считаться чистым css3 и некоторым html. все, что вам нужно сделать в html это
<div class='cursor'></div>
и только в этом div, что курсор покажет. Поэтому я обычно добавляю его в тег body.

Jarett Lloyd · Accepted Answer · 2015-09-27 11:14:22

Я думаю, что "лучший ответ" выше, хотя и программно точный, на самом деле не ответить на поставленный вопрос. в вопросе задается вопрос, как изменить указатель мыши в событии 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 s, s, IMGЫ и т. д. может оказаться более полезным. Я не вижу никакого вреда в использовании <a>...</a>, хотя.

Джаретт.

Alex K. · Accepted Answer · 2012-01-10 22:19:21

добавить

4

2012-01-10 22:19:21

Martin Adámek · Accepted Answer · 2017-08-10 20:50:43

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

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

поэтому хорошо включать указатель только с помощью JS. Итак, решение
onMouseOver="this.style.cursor='pointer'"
Как уже упоминалось выше (но я не могу комментировать там) является лучшим в этом случае. (Но да, в общем, для нормальных ссылок нет требуя JS, лучше работать с чистым CSS без JS.)