Zmień kursor myszy na styl podobny do kotwicy

Jeśli najadę myszą na div kursor myszy zostanie zmieniony na kursor tak jak w zakotwiczeniu HTML.

Jak mogę to zrobić? Czy potrzebuję Javascript czy jest to możliwe tylko z CSS?
Author: being_ethereal, 2011-08-25
Source

5 answers

Zakładając, że twoje div ma id="myDiv", dodaj następujące elementy do swojego CSS. cursor: pointer określa, że kursor powinien być tą samą ikoną ręki, która jest używana dla kotwic (hiperłączy):

CSS do dodania 

#myDiv
{
    cursor: pointer;
}

Możesz po prostu dodać styl kursora do kodu HTML div w następujący sposób: 

<div style="cursor: pointer">

</div>

EDIT:

Jeśli zdecydujesz się użyć do tego jQuery, dodaj następującą linię do $(document).ready() lub body onload: (zastąp {[9] } dowolną klasą Twój divS udział) 

$('.myClass').css('cursor', 'pointer');
 178
Author: Devin Burke,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-08-26 03:18:29

Jeśli chcesz to zrobić w jQuery zamiast CSS, zasadniczo postępujesz zgodnie z tym samym procesem.

Zakładając, że masz jakieś <div id="target"></div>, możesz użyć następującego kodu: 

$("#target").hover(function() {
    $(this).css('cursor','pointer');
}, function() {
    $(this).css('cursor','auto');
});
I to powinno wystarczyć.
 21
Author: Ryan Atallah,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-08-25 04:33:47

Nie potrzebujesz jQuery, tylko CSS. Na przykład, oto niektóre HTML: 

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

A tu CSS: 

.special
{
    cursor: pointer;
}
 8
Author: attack,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-08-25 04:15:52

This will 

#myDiv
{
    cursor: pointer;
}
 4
Author: Sinetheta,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-08-25 04:17:18

Myślę, że :hover brakowało w powyższych odpowiedziach. Więc podążanie za tym zrobi potrzebną rzecz.(jeśli css był wymagany) 

#myDiv:hover
{
    cursor: pointer;
}
 0
Author: being_ethereal,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2016-02-02 15:12:32