Change the mouse cursor on mouse over to anchor-like style

Question

If I hover the mouse over a div the mouse cursor will be changed to the cursor like that in HTML anchor   How can I do this  Do I need Javascript or it s possible with CSS only

User · Answer

If you want to do this in jQuery instead of CSS, you basically follow the same process.

Assuming you have some <div id="target"></div>, you can use the following code:

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

and that should do it.

User · Answer

This will   myDiv       cursor  pointer

User · Answer

You actually don t need jQuery  just CSS  For example  here s some HTML    lt div class  special  gt  lt  div gt    And here s the CSS    special       cursor  pointer

User · Answer

Assuming your div has an id  myDiv   add the following to your CSS  The cursor  pointer specifies that the cursor should be the same hand icon that is use for anchors  hyperlinks    CSS to Add   myDiv       cursor  pointer      You can simply add the cursor style to your div s HTML like this    lt div style  cursor  pointer  gt    lt  div gt    EDIT   If you are determined to use jQuery for this  then add the following line to your   document  ready   or body onload    replace myClass with whatever class all of your divs share       myClass   css  cursor    pointer

User · Answer

I think  hover was missing in above answers  So following would do the needful  if css was required    myDiv hover       cursor  pointer

[javascript] Change the mouse cursor on mouse over to anchor-like style

Examples related to javascript

Examples related to css

Examples related to mouse