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

Source:

Demo: hand

Demo: Mobile

Source:

Demo: Mobile

Demo: Wait

Source:

wait state

Demo: Positioning instructions

Source:

Demo: Positioning instructions

Demo: Help

Source:

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.

    Cheers!

    my web site ... Nike Air Max

    ReplyDelete