<！DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
<メタ文字コード= "UTF-8">
<タイトル>跟随鼠标</タイトル>
ます。<script type = "text / javascriptの">
ファンクション負荷（）{
VAR xPoint = window.event.clientX。
VAR yPoint = window.event.clientY。
div2.innerHTML = "X =" + xPoint + "Y =" + yPoint。
div2.style.marginLeft = xPoint + "PX"。
div2.style.marginTop = yPoint + "PX"。
div1.onmousemove = dOnmousemove。
}
関数dOnmousemove（）{
VAR DIV =のdocument.getElementById（ "DIV1"）。
VAR xPoint = window.event.clientX。
VAR yPoint = window.event.clientY。
div2.innerHTML = "X =" + xPoint + "Y =" + yPoint;
div2.style.marginLeft = xPoint + "PX"。
div2.style.marginTop = yPoint + "PX"。
}
document.onmousemove =負荷;
</ SCRIPT>
</ HEAD>
<BODYのonload = "負荷（）"スタイル= "背景色：赤">
<DIV ID = "DIV1"スタイル= "幅：100％;高さ：100％">
<DIV ID = "DIV2"スタイル= "背景色：黄、幅100ピクセル、高さ20ピクセル;"> DDD </ div>
</ div>
</ BODY>
</ HTML>
<！DOCTYPE HTML>
<HTML LANG = "EN">
<HEAD>
<メタ文字コード= "UTF-8">
<タイトル>タイトル</ TITLE>
<スタイル>
#body {幅：2000px;高さ：5000px;}
＃ DIV1 {高さ：は50px;幅：は50px;位置：絶対;背景：赤;上部：0PX;左：0PX;}
</スタイル>
<SCRIPT>
<！ -当鼠标指针在元素内部移动时重复的触发mosemove ; - >
document.onmousemove =関数（偶数）
{
VAR oDiv =のdocument.getElementById（ 'DIV1'）。
VAR scrollTopスプライト= document.documentElement.scrollTop || document.body.scrollTop。
VAR scrollLeft = document.documentElement.scrollLeft || document.body.scrollLeft。
でも||イベントVAR oEvent =;
oDiv.style.top = scrollTopスプライト+ oEvent.clientY + "PX"。
oDiv.style.left = scrollLeft + oEvent.clientX + "PX"。
}
</ SCRIPT>
</ HEAD>
<本体ID = "本体">
<DIV ID = "DIV1">
</ div>
</ body>
</ HTML>