CSS attributes are used in jquery: opacity (opacity) and cursor (type and shape of the cursor)

Source: Internet
Author: User

Opacity -- opacity

Value: <alphavalue> | inherit
<Alphavalue>: Transparency value (value range: [0.0, 1.0])
Inherit: Inheritance
Initial Value: 1 (not transparent)
Inheritance: Yes
Applicable to: All elements
URL: http://www.dreamdu.com/css/property_opacity/
Css3 proposes opacity attributes

Cursor-type and shape of the cursor

Reference w3school:

Definition and usage

The cursor attribute specifies the type (SHAPE) of the cursor to be displayed ).

This attribute defines the shape of the cursor used when the mouse pointer is placed within the boundary of an element (but css2.1 does not define which boundary determines the range ).

Default Value: Auto
Inheritance: Yes
Version: Css2
Javascript Syntax: Object. Style. cursor = "crosshair"
Instance

Different cursors:

Span. crosshair {Cursor: crosshair;} Span. Help {Cursor: help;} Span. Wait {Cursor: Wait;}

Tiy

Browser support

All mainstream browsers support the cursor attribute.

Note:Opera 9.3 and Safari 3 are not supported URL Value.

Note:Internet Explorer (including IE8) of any version does not support the attribute value "inherit ".

Possible Value
Value Description
URL

The URL of the custom optical indicator to be used.

Note: always define a normal cursor at the end of this list to prevent any available cursor defined by the URL.

Default Default cursor (usually an arrow)
Auto Default value. The cursor set by the browser.
Crosshair The cursor is displayed as a cross line.
Pointer The cursor is a pointer indicating the Link (one hand)
Move This cursor indicates that an object can be moved.
E-resize This cursor indicates that the edge of the rectangle can be moved to the right (East.
Ne-resize This cursor indicates that the edge of the rectangle box can be moved up and right (North/East ).
NW-resize This cursor indicates that the edge of the rectangle can be moved up and left (North/West ).
N-resize This cursor indicates that the edge of the rectangle box can be moved up (North.
Se-resize This cursor indicates that the edge of the rectangle box can be moved down and to the right (South/East ).
Sw-resize This cursor indicates that the edge of the rectangle can be moved down and left (South/West ).
S-resize This cursor indicates that the edge of the rectangle box can be moved down (North/West ).
W-resize This cursor indicates that the edge of the rectangle can be moved to the left (West ).
Text This cursor indicates the text.
Wait This cursor indicatesProgramBusy (usually a table or hourglass ).
Help This cursor indicates available help (usually a question mark or a balloon ).
Related Article

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.