Modify the mouse pointer Style

Source: Internet
Author: User

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

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.