Change the mouse cursor using only css

Reply

Join Date: Jul 2007
Posts: 1
Reputation: akroncdnr is an unknown quantity at this point 
Solved Threads: 0
akroncdnr akroncdnr is offline Offline
Newbie Poster

Change the mouse cursor using only css

 
0
  #1
Jul 1st, 2007
HTML and CSS Syntax (Toggle Plain Text)
  1. <html><head><title>Change the cursor using css, by #2pencil</title>
  2. <style type="text/css">
  3. p.auto{ cursor:auto; }
  4. p.cross{ cursor:crosshair; }
  5. p.default{ cursor:default; }
  6. p.pointer{ cursor:pointer; }
  7. p.move{ cursor:move; }
  8. p.eresize{ cursor:e-resize; }
  9. p.neresize{ cursor:ne-resize; }
  10. p.nwresize{ cursor:nw-resize; }
  11. p.nresize{ cursor:n-resize; }
  12. p.seresize{ cursor:se-resize; }
  13. p.swresize{ cursor:sw-resize; }
  14. p.sresize{ cursor:s-resize; }
  15. p.wresize{ cursor:w-resize; }
  16. p.text{ cursor:text; }
  17. p.wait{ cursor:wait; }
  18. p.help{ cursor:help; }
  19. </style>
  20. <body>
  21. <p>Move the mouse over the words to see the cursor change:</p>
  22. <p class=auto>Auto</p>
  23. <p class=cross>Crosshair</p>
  24. <p class=default>Default</p>
  25. <p class=pointer>Pointer</p>
  26. <p class=move>Move</p>
  27. <p class=eresize>e-resize</p>
  28. <p class=neresize>ne-resize</p>
  29. <p class=nwresize>nw-resize</p>
  30. <p class=nresize>n-resize</p>
  31. <p class=seresize>se-resize</p>
  32. <p class=swresize>sw-resize</p>
  33. <p class=sresize>s-resize</p>
  34. <p class=wresize>w-resize</p>
  35. <p class=text>text</p>
  36. <p class=wait>wait</p>
  37. <p class=help>help</p>
  38. </body></html>
Last edited by stymiee; Jul 1st, 2007 at 11:15 am. Reason: removed urls
Reply With Quote Quick reply to this message  
Reply

This thread is more than three months old.
Perhaps start a new thread instead?
Message:



Similar Threads
Other Threads in the HTML and CSS Forum
Thread Tools Search this Thread



Tag cloud for HTML and CSS
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC