Fix Blog » Blog Archive » javascript курсор

javascript курсор

Наверное самый популярный пример – за крусором бегает какая либо картинка.


<script language="JavaScript">
var Netscape=(navigator.appName.indexOf("Netscape") != -1);
function Move(e) {
if (!document.getElementById) return;
obj=document.getElementById("mouse");
if (Netscape)
event=e;
if (event.pageX) { // Netscape…
xpointer=event.pageX;
ypointer=event.pageY;
}
else if (event.x) { // Internet Explorer…
xpointer=event.x;
ypointer=event.y;
}
obj.style.left=xpointer – 55;
obj.style.top=ypointer – 55;
}
function Setup() {
if (!document.getElementById) return;
if (Netscape)
document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=Move;
}
</script>

<body onLoad="Setup();" style="cursor:crosshair">
<div ID="mouse" style="position:absolute; left:50; top:50;">
<img src="yourimage.gif" width="50″ height="50″ alt="" border="0″>
</div>
</body>



This entry was posted on Среда, Апрель 14th, 2010 at 5:23 пп and is filed under Note. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply

Я не спаммер.