javascript 改变鼠标样式

JavaScript016

javascript 改变鼠标样式,第1张

不需要js,使用css就可以实现,定义单元格的样式如下:

<td style="cursor:hand">...</td>

如果必须用js实现的话,可以给单元格添加mouseover和mouseout事件,然后使用

cellid.style.cursor = "hand"设置为手型

cellid.style.cursor = "default"恢复默认

cellid是单元格的id

这个问题有两种解决方案:

使用CSS样式中的伪类选择器hover,如果仅仅为了样式的改变使用伪类选择器就OK。

canvas : hover { cursor:pointer}

使用JS中的DOM事件

onmouseover= "function(this)"

object.style.cursor:"pointer"

鼠标是手型:hand,其他类型光标网上都能查到。

直接修改元素的cursor属性呀!例如你要修改body的cursor属性

$("button#1").bind('click',function(){

    if($("body").css('cursor')=='crosshair'){

        ("body").css('cursor','default')

    }else{

        ("body").css('cursor','crosshair')

    }

})

然后你要将这个鼠标样式应用到哪一个元素上,就修改这个元素的cursor就ok了