如何用css设置鼠标属性的小手

html-css010

如何用css设置鼠标属性的小手,第1张

你要的是这个小手?这个就用cursor : pointer

还是要这个小手?这个就用cursor : -webkit-grabcursor : -moz-grabcursor : grab

此处应通过css来实现:以<img>为例

<image id='"

+ quesNum

+ "' style='width:10pxheight:10pxmargin-left:10pxcursor:pointervisibility:hidden'  src='img/addsel.png'  alt='添加' onclick='addSelector(this)' >

加粗部分就是实现鼠标箭头变小手的实现。

更改鼠标样式的方法:

1,按win键+X,选择“控制面板”;

2,选择“鼠标”,点击“指针”选项卡;

3,选择需要的鼠标方案后,确定保存。

<head>

<title></title>

<style type="text/css">

<!--

a {

cursor: help

}

-->

</style>

</head>

------------------------------------

其中的"help"可以换成以下内容

hand 手形

crosshair 十字形

text 文本形

wait 沙漏形

move 十字箭头形

help 问号形

e-resize 右箭头形

n-resize 上箭头形

nw-resize 左上箭头形

w-resize 左箭头形

s-resize 下箭头形

se-resize 右下箭头形

sw-resize 左下箭头形

url('#') 用户自定义(可用动画) # = 光标文件地址(注意文件格式必须为:.cur 或 .ani)。

------------------------------------

CSS样式的知识自己在网上查一下吧

洪恩在线的CSS教程网址:

http://www.hongen.com/pc/homepage/css/css0101.htm