Sets or retrieves the type of cursor to display as the mouse pointer moves over the object. SyntaxHTML { cursor : sCursor } Scripting object.style.cursor [ = sCursor ] Possible ValuessCursor String that specifies or receives one or more of the following possible values, separated by commas.all-scroll Microsoft® Internet Explorer 6 Public Preview and later. Arrows pointing up, down, left, and right with a dot in the middle, indicating that the page can be scrolled in any direction. auto Default. Browser determines which cursor to display based on the current context. col-resize Internet Explorer 6 Public Preview and later. Arrows pointing left and right with a vertical bar separating them, indicating that the item/column can be resized horizontally. crosshair Simple cross hair. default Platform-dependent default cursor; usually an arrow. hand Hand with the first finger pointing up, as when the user moves the pointer over a link. help Arrow with question , indicating help is available. move Crossed arrows, indicating something is to be moved. no-drop Internet Explorer 6 Public Preview and later. Hand with a small circle with a line through it, indicating that the dragged item cannot be dropped at the current cursor location. not-allowed Internet Explorer 6 Public Preview and later. Circle with a line through it, indicating that the requested action will not be carried out. pointer Internet Explorer 6 Public Preview and later. Hand with the first finger pointing up, as when the user moves the pointer over a link. Identical to hand. progress Internet Explorer 6 Public Preview and later. Arrow with an hourglass next to it, indicating that a process is running in the background. User interaction with the page is unaffected. row-resize Internet Explorer 6 Public Preview and later. Arrows pointing up and down with a horizontal bar separating them, indicating that the item/row can be resized vertically. textEditable text; usually an I-bar. url(uri) Internet Explorer 6 Public Preview and later. Cursor is defined by the author, using a custom Uniform Resource Identifier (URI), such as url('mycursor.cur'). Cursors of type .CUR and .ANI are the only supported cursor types.
vertical-text Internet Explorer 6 Public Preview and later. Editable vertical text, indicated by a horizontal I-bar. wait Hourglass or watch, indicating that the program is busy and the user should wait. *-resize Arrows, indicating an edge is to be moved; the asterisk (*) can be N, NE, NW, S, SE, SW, E, or W—each representing a compass direction. The property is read/write for all objects except the following, for which it is read-only: currentStyle. The property has a default value of auto. The cascading style sheets (CSS) attribute is inherited. Expressions can be used in place of the preceding value(s), as of Microsoft® Internet Explorer 5. For more information, see Dynamic Properties.ResThe property handles a comma-separated list of cursor values. If the user agent does not understand or cannot find the first cursor specified, it looks at the next cursor in the comma-separated list and continues until it finds a usable cursor. If the user agent does not understand any of the cursors that are listed, the cursor does not change.ExamplesThe following examples use the cursor attribute and the cursor property to change the cursor as it passes over an object. This example uses a call to an embedded (global) style sheet to set the cursor to hand as the cursor passes over all paragraphs.<STYLE> P { cursor : hand; } </STYLE>
Scripting object.style.cursor [ = sCursor ] Possible ValuessCursor String that specifies or receives one or more of the following possible values, separated by commas.all-scroll Microsoft® Internet Explorer 6 Public Preview and later. Arrows pointing up, down, left, and right with a dot in the middle, indicating that the page can be scrolled in any direction. auto
Default. Browser determines which cursor to display based on the current context. col-resize
Internet Explorer 6 Public Preview and later. Arrows pointing left and right with a vertical bar separating them, indicating that the item/column can be resized horizontally. crosshair
Simple cross hair.
default Platform-dependent default cursor; usually an arrow.
hand Hand with the first finger pointing up, as when the user moves the pointer over a link. help
Arrow with question , indicating help is available.
move Crossed arrows, indicating something is to be moved.
no-drop Internet Explorer 6 Public Preview and later. Hand with a small circle with a line through it, indicating that the dragged item cannot be dropped at the current cursor location.
not-allowed Internet Explorer 6 Public Preview and later. Circle with a line through it, indicating that the requested action will not be carried out.
pointer Internet Explorer 6 Public Preview and later. Hand with the first finger pointing up, as when the user moves the pointer over a link. Identical to hand. progress Internet Explorer 6 Public Preview and later. Arrow with an hourglass next to it, indicating that a process is running in the background. User interaction with the page is unaffected. row-resize Internet Explorer 6 Public Preview and later. Arrows pointing up and down with a horizontal bar separating them, indicating that the item/row can be resized vertically. textEditable text; usually an I-bar.
url(uri)
Internet Explorer 6 Public Preview and later. Cursor is defined by the author, using a custom Uniform Resource Identifier (URI), such as url('mycursor.cur'). Cursors of type .CUR and .ANI are the only supported cursor types.
vertical-text Internet Explorer 6 Public Preview and later. Editable vertical text, indicated by a horizontal I-bar.
wait Hourglass or watch, indicating that the program is busy and the user should wait. *-resize Arrows, indicating an edge is to be moved; the asterisk (*) can be N, NE, NW, S, SE, SW, E, or W—each representing a compass direction.
The property is read/write for all objects except the following, for which it is read-only: currentStyle. The property has a default value of auto. The cascading style sheets (CSS) attribute is inherited. Expressions can be used in place of the preceding value(s), as of Microsoft® Internet Explorer 5. For more information, see Dynamic Properties.ResThe property handles a comma-separated list of cursor values. If the user agent does not understand or cannot find the first cursor specified, it looks at the next cursor in the comma-separated list and continues until it finds a usable cursor. If the user agent does not understand any of the cursors that are listed, the cursor does not change.ExamplesThe following examples use the cursor attribute and the cursor property to change the cursor as it passes over an object.
This example uses a call to an embedded (global) style sheet to set the cursor to hand as the cursor passes over all paragraphs.<STYLE>
P { cursor : hand; }
</STYLE>
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize