<html>
<head>
<style type="text/css">
<!--
.mouse { position:absolute; visibility:visible; top:-100; left:-100;}
//-->
</style>
</head>
<body>
<script language="JavaScript">
<!--
var mouse = new Array();
mouse[0] = new Image(); mouse[0].src = "x_1.gif";
mouse[1] = new Image(); mouse[1].src = "x_1.gif";
mouse[2] = new Image(); mouse[2].src = "x_7.gif";
function changeImage(n) {
if(document.onmousemove != null) {
if(document.layers) {
document.layers[lovemouse_id].document.images[lovemouse_imgName].src = mouse[n].src;
}
else if(document.all) {
document.images[lovemouse_imgName].src = mouse[n].src;
}
}
}
function moveImage(e) {
pos = 15; //
if(document.layers) {
document.layers[lovemouse_id].moveTo(e.x+pos, e.y+pos);
}
else if(document.all) {
document.all(lovemouse_id).style.posTop = document.body.scrollTop + event.clientY + pos;
document.all(lovemouse_id).style.posLeft= document.body.scrollLeft + event.clientX + pos;
}
return true;
}
function click() {
if(document.layers) {
obj = document.layers[lovemouse_id];
}
else if(document.all) {
obj = window;
}
if(document.onmousemove == null) {
obj.document.images[lovemouse_imgName].src = mouse[0].src;
document.onmousemove = moveImage;
}
else {
obj.document.images[lovemouse_imgName].src = mouse[2].src;
document.onmousemove = null;
}
}
//------------------------------------//
var lovemouse_id = "LoveMouse";
var lovemouse_imgName = "Mouse";
document.write("<span id='" +lovemouse_id+ "' class='mouse'>");
document.write("<img src='" +mouse[0].src+ "' width=28 height=28 id='" +lovemouse_imgName+ "' name='" +lovemouse_imgName+ "'>");
document.write("</span>");
if(document.layers) {
document.captureEvents(Event.MOUSEMOVE | Event.MOUSEDOWN);
document.onmousedown = click;
}
else if(document.all) {
document.body.onclick= click;
}
document.onmousemove = moveImage;
//-->
</script>
</body>
</html>