<div class="htmlarea"> <textarea id="runcode85378"> <title>マウスに追従する画像効果</title> <div id="divId" style="position: absolute; margin-left:20px;"> </div> ここに写真があります </textarea> <br><input onclick="runEx('runcode85378')" type="button" value="运行代码"><input onclick="doCopy('runcode85378')" type="button" value="复制代码"> <input onclick="doSave(runcode85378)" type="button" value="保存代码"> <a href="http://www.jb51.net/article/23421.htm" title="查看具体详情" target="_blank">[Ctrl A すべて選択 注: </a>外部 Js を導入する必要がある場合は、更新して実行する必要があります </div>]<br><script language="javascript" type="text/javascript"> document.onmousemove = function () { var x = window.event.clientX; var y = window.event.clientY; var divId = document.getElementById("divId"); if (!divId) { return; } divId.style.left = x; divId.style.top = y; } </script>実際、このコードは非常に単純で、画面上のマウスの現在位置を取得し、画像またはテキストに座標値を割り当てるだけです。絶対的なポジショニング！
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
