Змініть курсор миші на миші на прив’язний стиль

Якщо я наведіть курсор миші divна курсор миші буде змінено на курсор, як у HTML-якорі.

Як я можу це зробити? Чи потрібен Javascript або це можливо лише за допомогою CSS?

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

CSS для додання

#myDiv
{
    cursor: pointer;
}

Ви можете просто додати стиль курсору до divHTML свого тексту так:

<div style="cursor: pointer">

</div>

Редагувати:

Якщо ви вирішили використовувати для цього jQuery, то додайте до свого $(document).ready()або свого тіла такий рядок onload: (замініть myClassбудь-яким класом всю свою divчастку s)

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

Якщо ви хочете зробити це в jQuery замість CSS, ви в основному дотримуєтесь того самого процесу.

Припустимо, що у вас є деякі <div id="target"></div>, ви можете використовувати такий код:

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

і це має робити.

Насправді вам не потрібен jQuery, а лише CSS. Наприклад, ось якийсь HTML:

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

А ось і CSS:

.special
{
    cursor: pointer;
}

Це буде

#myDiv
{
    cursor: pointer;
}

Я думаю, :hoverбракувало відповідей у ​​вище. Отже, наступне буде робити необхідне (якщо потрібен css)

#myDiv:hover
{
    cursor: pointer;
}