Feb 12, 2012

Change cursor to hand on mouseover using jQuery

When ever we need to change the mouse cursor using JQuery then we can do it very easily.

In my today's post I will show you how can we change the mouse cursor to the Hand type cursor while user hover mouse on the particular element.
It is very simple just look at the below JQuery code.

$(document).ready(function() {
  $("#elementid").hover(function() {
    $(this).css("cursor", "hand");

In above code 'elementid' is the name of the element on which you want a mouse pointer as a hand while hovering a mouse over it.

Happy Coding...


Philippines Free Ads

Thanks Tarun

Cebu City Jobs

Wow very simple script to change mouse mouse pointer. Thanks Tarun


For me, the "hand" argument needs to be replaced with "cursor"

Vasu sharma

great .. excelant work

Post a Comment

Author Profile

Total Pageviews