CSS Mouse Cursors and Custom Cursors

<p style="color:red;">

<span style="cursor:crosshair;">crosshair cursor</span>

<span style="cursor:wait;">wait cursor</span>

<span style="cursor:help;">help cursor</span>

</p>

























































































































SS2.1 Cursor Styles








autoThe UA determines the cursor to display based on the current context.
col-resize Indicates the item or column can be resized horizontally.
crosshairA simple crosshair (e.g., short line segments resembling a "+" sign).
defaultThe platform-dependent default cursor. Often rendered as an arrow.
helpHelp is available for the object under the cursor. Often rendered as a question mark or a balloon.
moveIndicates something is to be moved.
not-allowedIndicates that the requested action will not be carried out.
pointerThe cursor is a pointer that indicates a link.
row-resizeIndicates the item or row can be resized vertically.
textIndicates text that may be selected. Often rendered as an I-beam.
vertical-textIndicates editable vertical text.
waitthe hourglass (non-animated, sadly)
e-resizeIndicate that some edge is to be moved. For example, the 'se-resize' cursor is used when the movement starts from the south-east corner of the box.
n-resize
ne-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

Comments

Anonymous said…
Hello. This post is likeable, and your blog is very interesting, congratulations :-). I will add in my blogroll =). If possible gives a last there on my site, it is about the CresceNet, I hope you enjoy. The address is http://www.provedorcrescenet.com . A hug.
January 13, 2008 at 8:12 PM
Anonymous said…
Hello. This post is likeable, and your blog is very interesting, congratulations :-). I will add in my blogroll =). If possible gives a last there on my blog, it is about the Webcam, I hope you enjoy. The address is http://webcam-brasil.blogspot.com. A hug.
April 20, 2008 at 10:22 PM
Post a Comment

Popular posts from this blog

Block right click or disable keyboard on web pages

Hello frn'ds, Today i was searching some tricks about protecting web contents, during this i have found one interesting trick (i.e. html code) by which we can disabled the context menu in browser. This code not only block the right clicking in the browser , it also blocks the keyboard's key press events. < body oncontextmenu="return false;" > Benefits of this code, 1. Can prevent View Source of your html page. 2. Can protect your page contents. 3. Can protect your web images and so on. click here to read more or know more
Read more

How to delete xml node using php

Create delete.php file and add the following code <?php function delete_book_id ( $id , $filename = 'loaned.xml' ) { $data = simplexml_load_file ( $filename ); for ( $i = 0 , $length = count ( $data -> resource -> book ); $i < $length ; $i ++)     {     if ( $data -> resource -> book [ $i ]-> ID == $id )         {         unset ( $data -> resource -> book [ $i ]);         break ;         }     }     file_put_contents ( $filename , $data -> saveXML ());     echo $deletingbook . " Deleted !!!" ; } //SAMPLE USAGE $deletingbook = $_GET [ 'bid' ]; delete_book_id ( $deletingbook );  header ( "Location: {$_SERVER['HTTP_REFERER']} " ); //delete_book_id('Book 1'); ?>
Read more