| | |
Change the mouse cursor using only css
Please support our HTML and CSS advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
![]() |
•
•
Join Date: Jul 2007
Posts: 1
Reputation:
Solved Threads: 0
HTML and CSS Syntax (Toggle Plain Text)
<html><head><title>Change the cursor using css, by #2pencil</title> <style type="text/css"> p.auto{ cursor:auto; } p.cross{ cursor:crosshair; } p.default{ cursor:default; } p.pointer{ cursor:pointer; } p.move{ cursor:move; } p.eresize{ cursor:e-resize; } p.neresize{ cursor:ne-resize; } p.nwresize{ cursor:nw-resize; } p.nresize{ cursor:n-resize; } p.seresize{ cursor:se-resize; } p.swresize{ cursor:sw-resize; } p.sresize{ cursor:s-resize; } p.wresize{ cursor:w-resize; } p.text{ cursor:text; } p.wait{ cursor:wait; } p.help{ cursor:help; } </style> <body> <p>Move the mouse over the words to see the cursor change:</p> <p class=auto>Auto</p> <p class=cross>Crosshair</p> <p class=default>Default</p> <p class=pointer>Pointer</p> <p class=move>Move</p> <p class=eresize>e-resize</p> <p class=neresize>ne-resize</p> <p class=nwresize>nw-resize</p> <p class=nresize>n-resize</p> <p class=seresize>se-resize</p> <p class=swresize>sw-resize</p> <p class=sresize>s-resize</p> <p class=wresize>w-resize</p> <p class=text>text</p> <p class=wait>wait</p> <p class=help>help</p> </body></html>
Last edited by stymiee; Jul 1st, 2007 at 11:15 am. Reason: removed urls
![]() |
Similar Threads
- Mouse Cursor Image (Java)
- How to change the color of selected row of an HTML table without using CSS or Javascr (VB.NET)
- Changing Mouse Cursor (JavaScript / DHTML / AJAX)
- CSS menu hover question (HTML and CSS)
- Mouse cursor trouble on a two-monitor system (USB Devices and other Peripherals)
- mouse cursor effects (Java)
- Mouse Conflicts With cursor (Apple Hardware)
- Problems with mouse and settings (Viruses, Spyware and other Nasties)
Other Threads in the HTML and CSS Forum
- Previous Thread: Dreamweaver password help
- Next Thread: almost liquid design: navbar extend
| Thread Tools | Search this Thread |
Tag cloud for HTML and CSS
appointments asp background backgroundcolor beta browser bug calendar cart cgi code codeinjection corporateidentity css design development displayimageinsteadofflash dreamweaver emailmarketing epilepsy explorer firefox flash font fonts form format google griefers hackers hitcounter hover html ide ie7 ie8 iframe image images internet internetexplorer intranet iphone javascript jpeg layout macbook maps marketshare microsoft mozilla multimedia navigationbars news offshoreoutsourcingcompany opacity opera optimization perl pnginie6 positioning problem scroll seo shopping studio swf swf. textcolor timecolor titletags url urlseparatedwords visual visualization web webdevelopment webform website windows7 xml xsl





