Hand, help and wait cursor : Cursor : Development JAVASCRIPT DHTML TUTORIALS

JAVASCRIPT DHTML TUTORIALS » Development » Cursor »

Hand, help and wait cursor



    
<html>
<body>
<script language="JavaScript">
    function function1() {
        document.all.Layer1.style.cursor = "hand";
    }
    function function2() {
        document.all.Layer1.style.cursor = "help";
    }
    function function3() {
        document.all.Layer1.style.cursor = "wait";
    }
</script>
<div id="Layer1" 
     style="position:absolute; 
            visibility:visible; 
            width:216px; 
            height:61px; 
            background-color:#66FFFF; 
            layer-backgroundcolor:#66FFFF; 
            border:1px none #000000; 
            z-index:1">
Move the mouse over this div element.</div>
<button onclick="function1();">Replace cursor for "hand"</button>
<button onclick="function2();">Replace cursor for "help"</button>
<button onclick="function3();">Replace cursor for "wait"</button>
</body>
</html>