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