в 10:02, 26 мая 2010

2010-05-26T10:02:39Z

Admin: 1 версия

2010-05-26T07:19:58Z

1 версия

Новая страница

==Coordinates of the cursor==



<source lang="html4strict">

<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>

</source>

==Coordinates of the cursor relative to the screen==



<source lang="html4strict">
<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>

</source>

==Hand, help and wait cursor==



<source lang="html4strict">

<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>

</source>

← Предыдущая	Версия 10:02, 26 мая 2010
(нет различий)

JavaScript DHTML/Development/Cursor - История изменений

в 10:02, 26 мая 2010

Admin: 1 версия