зміни курсору на вказівник пальця

У мене це є, 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'"

в css написати

a.menu_links:hover{ cursor:pointer}

Ось щось круто, якщо ви хочете пройти цю миль із цим. в URL-адресі ви можете скористатись посиланням або зберегти зображення png та скористатися контуром. наприклад:

url ('активи / imgs / 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>

і лише в цьому діві цей курсор покаже. Тому я зазвичай додаю його до тегу body.

Я думаю, що «найкраща відповідь» вище, хоч і програмно точна, насправді не відповідає на поставлене запитання. у запитанні задається питання, як змінити покажчик у події миші. Я бачу публікації про те, як може виникнути помилка десь - це не відповідь на запитання. У прийнятій відповіді подія наведення миші порожня ( 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, BUTTON s, IMG s тощо можуть виявитись більш корисними. Я не бачу шкоди в використанні <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.)