When writing HTML, sometimes we need to modify the mouse pointer style, which is more vivid than QQ Farm pointer style. If we customize it, we can also achieve this effect. You can modify the CSS style cursor.
Cursor value:
Auto |
: |
|
Default Value. The browser automatically determines the cursor type based on the current situation. |
All-scroll |
: |
Ie6.0 |
There are up, down, left, and right arrows, and there is a dot in the middle of the cursor. Used to indicate that the page can scroll up or down any direction. |
Col-resize |
: |
Ie6.0 |
There are two arrows left and right, separated by a vertical line in the middle of the cursor. Used to indicate that the project or title bar can be horizontally changed. |
Crosshair |
: |
|
Simple cross-line cursor. |
Default |
: |
|
The default cursor of the client platform. It is usually an arrow. |
Hand |
: |
|
A hand-shaped cursor with a finger raised. It is like when a user moves the cursor over a hyperlink. |
Move |
: |
|
Cross arrow cursor. Used to indicate that objects can be moved. |
Help |
: |
|
Arrows marked with question marks. Indicates that the help information exists. |
No-drop |
: |
Ie6.0 |
Hand-shaped cursor with a diagonal line in the circle. It indicates that the dragged object cannot be put down at the current position of the cursor. |
Not-Allowed |
: |
Ie6.0 |
Do not mark the cursor (a diagonal line that runs through the circle. The operation used to mark the request is not allowed to be executed. |
Pointer |
: |
Ie6.0 |
AndHandSame. A hand-shaped cursor with a finger raised. It is like when a user moves the cursor over a hyperlink. |
SS |
: |
Ie6.0 |
Arrow cursor with an hourglass flag. Indicates that a process is running in the background. |
Row-resize |
: |
Ie6.0 |
There are two arrows up and down, separated by a horizontal line in the middle of the cursor. Used to indicate that the project or title bar can be vertically changed. |
Text |
: |
|
The cursor that identifies the horizontally editable text. Usually uppercase lettersI. |
Vertical-Text |
: |
Ie6.0 |
The cursor that identifies the Editable vertical text. Usually uppercase lettersIRotate the shape 90 degrees. |
Wait |
: |
|
Used to indicate the cursor that the user needs to wait for when the program is busy. It is usually an hourglass or watch shape. |
*-Resize |
: |
|
The arrow cursor used to indicate that an object can be changed in the dimension direction.W-resize|S-resize|N-resize|E-resize|Ne-resize|Sw-resize|Se-resize|NW-resize |
URL (URL) |
: |
Ie6.0 |
User-Defined cursor. Use absolute or relativeURLAddress: Specify the cursor file (Suffix:. CurOr. ANI). |
Note:
Set or retrieve the cursor shape used by the mouse pointer moving on the object.
This attribute can have multiple values separated by commas. If the first value cannot be found and displayed by the client system or the specified cursor, the second value will be used. And so on. If all values are unavailable, this attribute will not work. The cursor will not be changed.
This propertyCurrentstyleThe object is read-only. Other objects can be read and written.
The corresponding script feature is cursor.
Example:
P {cursor: text ;}
A {cursor: pointer ;}
Body {cursor: URL ("mycursor.gif"), URL ("images/cursors/footcursor.jpg"), default ;}
This article is from the "dimoc" blog, please be sure to keep this source http://dimoc.blog.51cto.com/3884225/1558002
Modify the mouse pointer Style