style.cursor 的可选值（鼠标的各种样式）

野性酷女 2022-06-13 12:51 157阅读 0赞

<table> 
 <tbody> 
 <tr> 
 <td> crosshair; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 十字准心 </td> 
 <td> The cursor render as a crosshair 游标表现为十字准线 </td> 
 </tr> 
 <tr> 
 <td> cursor: pointer; cursor: hand; 写两个是为了照顾IE5，它只认hand。 </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 手 </td> 
 <td> The cursor render as a pointer (a hand) that indicates a link 游标以暗示(手指)的形式来表明有一个连接 </td> 
 </tr> 
 <tr> 
 <td> cursor: wait; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 等待/沙漏 </td> 
 <td> The cursor indicates that the program is busy (often a watch or an hourglass) 游标暗示当前程序正忙(一般为一块表或是一个沙漏) </td> 
 </tr> 
 <tr> 
 <td> cursor: help; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 帮助 </td> 
 <td> The cursor indicates that help is available (often a question mark or a balloon) 游标暗示当前位置可得到帮助(一般为问号或是气球) </td> 
 </tr> 
 <tr> 
 <td> cursor: no-drop; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 无法释放 </td> 
 <td> cursor: no-drop; </td> 
 </tr> 
 <tr> 
 <td> cursor: text; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 文字/编辑 </td> 
 <td> The cursor indicates text 游标暗示当前所处位置为文字内容 </td> 
 </tr> 
 <tr> 
 <td> cursor: move; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 可移动对象 </td> 
 <td> The cursor indicates something that should be moved 游标暗示一些东西应该被移动 </td> 
 </tr> 
 <tr> 
 <td> cursor: n-resize; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 向上改变大小(North) </td> 
 <td> The cursor indicates that an edge of a box is to be moved up (north) 边缘可向上移动(北) </td> 
 </tr> 
 <tr> 
 <td> cursor: s-resize; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 向下改变大小(South) </td> 
 <td> The cursor indicates that an edge of a box is to be moved down (south) 边缘可向下方移动(南) </td> 
 </tr> 
 <tr> 
 <td> cursor: e-resize; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 向右改变大小(East) </td> 
 <td> The cursor indicates that an edge of a box is to be moved right (east) box边缘可向右(东)边移动 </td> 
 </tr> 
 <tr> 
 <td> cursor: w-resize; </td> 
 <td align="middle"> <a href="http://hiphotos.baidu.com/wydmz/pic/item/a74023f0750966a8a40f5202.jpg" rel="nofollow"></a> </td> 
 <td> 向左改变大小(West) </td> 
 <td> The cursor indicates that an edge of a box is to be moved left (west) 边缘可向左移动(西) </td> 
 </tr> 
 <tr> 
 <td> cursor: ne-resize; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 向上右改变大小(North East) </td> 
 <td> The cursor indicates that an edge of a box is to be moved up and right (north/east) 游标暗示box的边缘可向右上方移动(东北方向) </td> 
 </tr> 
 <tr> 
 <td> cursor: nw-resize; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 向上左改变大小(North West) </td> 
 <td> The cursor indicates that an edge of a box is to be moved up and left (north/west) 边缘可向左上方移动(西北) </td> 
 </tr> 
 <tr> 
 <td> cursor: se-resize; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 向下右改变大小(South East) </td> 
 <td> The cursor indicates that an edge of a box is to be moved down and right (south/east) 边缘可向右下方移动(东南) </td> 
 </tr> 
 <tr> 
 <td> cursor: sw-resize; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 向下左改变大小(South West) </td> 
 <td> The cursor indicates that an edge of a box is to be moved down and left (south/west) 边缘可向左下方移动(西南) </td> 
 </tr> 
 <tr> 
 <td> cursor: auto; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 自动 </td> 
 <td> The browser sets a cursor 浏览器设置一个游标 </td> 
 </tr> 
 <tr> 
 <td> cursor:not-allowed; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 禁止 </td> 
 <td> cursor:not-allowed; </td> 
 </tr> 
 <tr> 
 <td> cursor: progress; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 处理中 </td> 
 <td> cursor: progress; </td> 
 </tr> 
 <tr> 
 <td> cursor: default; </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 系统默认 </td> 
 <td> The default cursor (often an arrow) 默认的游标状态（通常为一个箭头） </td> 
 </tr> 
 <tr> 
 <td> cursor: url(' # '); # = 光标文件地址&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; (注意文件格式必须为：.cur 或 .ani)。 </td> 
 <td align="middle"> &nbsp; </td> 
 <td> 用户自定义（可用动画） </td> 
 <td> The url of a custom cursor to be used. 自定义游标的url位置 Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used 注意：在定义完自定义的游标之后在末尾加上一般性的游标，以防那些url所定义的游标不能使用 </td> 
 </tr> 
 </tbody> 
</table>