Friday, March 11, 2011

Using CSS to control the mouse style transformation

Home on the mouse is not only the arrow and the small hands of two way? If the mouse is moved to "help" when the words, the shape becomes a question mark for help; mouse over may take a long time to wait for a hyperlink, the mouse shape into a wait on that nice to look like ... ... ah!

In fact, with our css, some very simple code to achieve it all!

Do not believe? Mouse over the text on the following demo to see results now!

Demo: Hand


Demo: hand

Demo: Mobile


Demo: Mobile

Demo: Wait


wait state

Demo: Positioning instructions


Demo: Positioning instructions

Demo: Help


Demo: Help

Is not a simple and convenient? Here we only use the CSS in the "cursor" attribute, use "style = cursor: value" form of this statement were to set a specific value on it. For example: a value of "hand", when the mouse over the corresponding text or picture, they will become a hyperlink to a small hand; value "move", when the mouse over the corresponding text or picture when becomes vertical and horizontal direction of the arrow with the shape, and so on. This trick may help you make home a bit of time busy too!

jv16 powertools 2009 a personal review

Prerelease download ATi Catalyst 5.5

Using De exterminate RABBITS annoying ads RMVB movies

Wizard Personal Interest

DivX AVI to Apple TV

Convert MOD files

Describe The C # Call An External Process

SHOCKWAVE Flash Converter

The birth of kissing FISH

Recommend Office Suites And Tools

College student hidden hard to guarantee the right to life and health worries

VBScript ReDim statement

1 comment:

  1. Hello there, just became aware of your blog through Google,
    and found that it's truly informative. I'm going to watch out for brussels.

    I will be grateful if you continue this in future. Lots of people will be benefited from your writing.


    my web site ... Nike Air Max