JavaScript

マウスについてくるイメージ

2026/02/21日に修正
「document.write()」が非推奨となったので、 <div id='Mouse' class='mouse'> <img class='mouse' src='img/bat2.gif' id='Mouse' name='Mouse'> </div> の表示を「document.write()」を使わずSCRIPの外に記述した


<HTML lang="ja">
<HEAD>
<TITLE>マウスについてくるイメージ</TITLE>

<STYLE type=text/css>
.mouse { 
    position:absolute; 
}
</STYLE>
</head>
<body bgcolor="#eeeedd">
<div id='Mouse' class='mouse'>
  <img class='mouse' src='img/bat2.gif' id='Mouse' name='Mouse'>
</div>
<SCRIPT>
 function newPos(e){
   document.getElementById('Mouse').style.left=e.clientX + window.pageXOffset;
   document.getElementById('Mouse').style.top=e.clientY + window.pageYOffset;
 }
 document.onmousemove = newPos;
</SCRIPT>
</body>
</html>