LeBron 11 Blue White Nike KD VI gamma jordan 11
CodeAve.com CodeAve.com - CSS - Page Display
ASP
JavaScript
CSS
·Basics
·Page Display
·Text Display
·Script Writers
·Contents
·What's New?
HTML
Maps
Links
Mail List
Search
Sitemap


 

  • Retro 3 jordans
  • Jordan 13 retro
  • Nike free 5.0

  • Cursor Types
  • Nike free run 2 pink
  • Nike free 5.0 kids
  • Oakley sunglasses discount
  • The typical browser will display the mouse pointer over any blank part of a web page, the gloved hand over any item that is linked (click-able) and the edit cursor over any text or text field. Within CSS you can change those properties to have a variety of different cursors display on your page. The example below demonstrates fifteen different cursors most browsers will accept. Hover your mouse pointer over the descriptive text to reveal that cursor. The body of the page has also been set to display the help cursor by default.
    View the Output
    Text View
    Print View
    Mail this Link
    Download the Code

    <html>
    <head>
    <title>CodeAve.com/CSS - Cursor Types</title>
    <style type="text/css">
    <!--
    body {cursor: help}
    /* The default cursor for anything within the body tags
    of the document will render the help cursor as opposed
    to the typical pointer When the mouse cursor is placed
    over any of the text below between style tags that respective
    cursor will be revealed */
    -->
    </style>

    </head>

    <body bgcolor="#FFFFFF">
    Place the mouse cursor over any of the text below<br>
    to reveal a different cursor. The deafult cursor for<br>
    this page is the help cursor, set by the style command in the<br>
    header portion of the document<br><br>
    <b>
    <span style="cursor: crosshair;">Crosshair Cursor</span>
    <br>
    <span style="cursor: hand;">Hand Cursor</span>
    <br>
    <span style="cursor: wait;">Wait/Hourglass Cursor</span>
    <br>
    <span style="cursor: help;">Help Cursor</span>
    <br>
    <span style="cursor: text;">Text/Edit Cursor</span>
    <br>
    <span style="cursor: move;">Moveable Object Cursor</span>
    <br>
    <span style="cursor: n-resize">Resize Up (North)</span>
    <br>
    <span style="cursor: s-resize">Resize Down (South)</span>
    <br>
    <span style="cursor: e-resize">Resize Right (East)</span>
    <br>
    <span style="cursor: w-resize">Resize Left (West)</span>
    <br>
    <span style="cursor: ne-resize">Resize Up + Right (North East)</span>
    <br>
    <span style="cursor: nw-resize">Resize Up + Left (North West)</span>
    <br>
    <span style="cursor: se-resize">Resize Down + Right (South East)</span>
    <br>
    <span style="cursor: sw-resize">Resize Down + Left (South West)</span>
    <br>
    <span style="cursor: auto">Auto Cursor</span>
    <br>
    <span style="cursor: default">System Defalt Cursor</span>
    </b>
    </body>
    </html>

     

     

     



    ASP: What's New? | Articles | Script Writers | Database Display | Read/Write
    Server Variables | Response Objects | Random Events | Miscellaneous
    HTML: Forms | Hyperlinks | Headers | Tables | Hyperlinks | Headers | Text Display
    JavaScript: Document Info | Forms | Images | Navigation | Script Writers
    CSS: Basics | Page Display | Text Display | Script Writers | Miscellaneous
  • 2014 michael kors
  • air max women 2013
  • 2014 michael kors
  • air max 2014
  • oakley glasses
  • oakley glasses

  • Maps: Map Script Writers | Bing Maps | Google Maps
  • bottes fr
  • ugg boot
  • Privacy Statement

    CodeAve.com is hosted by MyHosting.com
    Donate Food Online with a Mouse Click at TheHungerSite.com
    Donate Land Online with a Mouse Click at TheRainForestSite.com
    © 1999 - 2017 CodeAve.com
    All Rights Reserved

  • Air jordan 11 low
  • New Balance 996
  • Ray ban vintage sunglasses