十字カーソル

下のプログラムをコピーして、お使い下さい。

<HTML>
<HEAD><TITLE>十字カーソル</TITLE>

function resizeCursor() {
     cur1.style.pixelWidth=document.body.clientWidth;
     cur2.style.pixelHeight=document.body.clientHeight;
}

function moveCursor() {
     cur1.style.pixelTop=event.y;
     cur2.style.pixelLeft=event.x;
}

window.onload=setCursor;
window.onresize=resizeCursor;
document.onmousemove=moveCursor;
// -->
</script>
</head>

<body>
十字カーソル 
<hr>

</BODY>
</HTML>

この上の例では、思ったことは、pixelTopなどの言葉を覚えているだけでは、このような十字カーソルを作ることは難しい。覚えた言葉をどのようにうまく使うかがポイントです。簡単に使用できます。書き換えてご使用下さい。