Измените курсор мыши на мышь на якорный стиль

Если я наведите указатель мыши на div, курсор мыши будет заменен на курсор, как в HTML-якоре.

Как я могу это сделать? Мне нужен Javascript или это возможно только с помощью CSS?

Ответы

Ответ 1

Предполагая, что ваш div имеет id="myDiv", добавьте в свой CSS следующее. cursor: pointer указывает, что курсор должен быть тем же самым значком руки, который используется для якорей (гиперссылок):

CSS для добавления

#myDiv
{
    cursor: pointer;
}

Вы можете просто добавить стиль курсора в свой div HTML следующим образом:

<div style="cursor: pointer">

</div>

EDIT:

Если вы решили использовать jQuery для этого, добавьте следующую строку в свой $(document).ready() или body onload: (замените myClass на любой класс, все из вашего общего ресурса div)

$('.myClass').css('cursor', 'pointer');

Ответ 2

Если вы хотите сделать это в jQuery вместо CSS, вы в основном следуете одному и тому же процессу.

Предполагая, что у вас есть <div id="target"></div>, вы можете использовать следующий код:

$("#target").hover(function() {
    $(this).css('cursor','pointer');
}, function() {
    $(this).css('cursor','auto');
});

и это должно быть сделано.

Ответ 3

На самом деле вам не нужен jQuery, просто CSS. Например, здесь несколько HTML:

<div class="special"></div>

И вот CSS:

.special
{
    cursor: pointer;
}

Ответ 4

Это будет

#myDiv
{
    cursor: pointer;
}

Ответ 5

Я думаю, что :hover отсутствовал в приведенных выше ответах. Таким образом, следующее сделало бы нужным. (Если требуется css)

#myDiv:hover
{
    cursor: pointer;
}