在html中怎样实现当鼠标放到submit按钮上时使鼠标变为单击文字链接时的图标（即手的形状）？

html-css09

在html中怎样实现当鼠标放到submit按钮上时使鼠标变为单击文字链接时的图标（即手的形状）？,第1张

在html文件中添加一个事件，就是当鼠标滑动到submit按钮上时，设置鼠标样式即可，具体例子如下：

<html>

<body>

<p>请把鼠标移动到单词上，可以看到鼠标指针发生变化：</p>

<span style="cursor:auto">

Default</span><br />

<span style="cursor:pointer">

Pointer</span><br />            <!--这个就是你需要的-->

<span style="cursor:move">

Move</span><br />

<span style="cursor:e-resize">

e-resize</span><br />

<span style="cursor:ne-resize">

ne-resize</span><br />

<span style="cursor:nw-resize">

nw-resize</span><br />

<span style="cursor:text">

text</span><br />

<span style="cursor:wait">

wait</span><br />

<span style="cursor:help">

help</span>

</body>

</html>

CSS中的cursor 属性可以可以使鼠标移动到行上时有点击图标，将cursor的值设置为pointer    光标呈现为指示链接的指针（一只手）。例如：<a style="cursor:pointer">点击图标</a>  ，效果如下图所示：

1、cursor定义和用法：

cursor 属性规定要显示的光标的类型（形状）。

该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状（不过 CSS2.1 没有定义由哪个边界确定这个范围）。

默认值：auto 

继承性：yes 

版本：CSS2 

JavaScript 语法：object.style.cursor="crosshair" 

2、cursor可能的值