这个问题有两种解决方案:
使用CSS样式中的伪类选择器hover,如果仅仅为了样式的改变使用伪类选择器就OK。
canvas : hover { cursor:pointer}
使用JS中的DOM事件
onmouseover= "function(this)"
object.style.cursor:"pointer"
鼠标是手型:hand,其他类型光标网上都能查到。
① 如果要在整个document文档中使鼠标光标形状是n-size,可以给document注册mouseover和mousemove事件,并且设置它的样式为cursor:n-size;
②同样地,如果要在拖动某个div使鼠标光标样式为某个形状时,先给div盒子注册拖动事件,拖动事件ondrag,然后设置div的style.cursor = "某个形状样式属性值"
直接修改元素的cursor属性呀!例如你要修改body的cursor属性
$("button#1").bind('click',function(){if($("body").css('cursor')=='crosshair'){
("body").css('cursor','default')
}else{
("body").css('cursor','crosshair')
}
})
然后你要将这个鼠标样式应用到哪一个元素上,就修改这个元素的cursor就ok了