JavaScript DHTML/Development/Cursor — различия между версиями
Admin (обсуждение | вклад) м (1 версия) |
|
(нет различий)
| |
Текущая версия на 07:19, 26 мая 2010
Coordinates of the cursor
<html>
<head>
<script type="text/javascript">
function show_coords(event){
alert("X coords: " + event.clientX + ", Y coords: " + event.clientY)
}
</script>
</head>
<body onmousedown="show_coords(event)">
<p>Click in the document. </p>
</body>
</html>
Coordinates of the cursor relative to the screen
<html>
<head>
<script type="text/javascript">
function coordinates(event){
alert("X=" + event.screenX + " Y=" + event.screenY)
}
</script>
</head>
<body onmousedown="coordinates(event)">
<p>Click in the document. </p>
</body>
</html>
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>