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>
Related examples in the same category