| 解 説 |
マウスに合わせてウィンドウを動かすにはonmouseoverイベントでマウスが移動したかどうかを検知します。マウス座標を移動量としwindow.moveBy()で引数として指定します。そのまま指定してしまうと負数にならずウィンドウが右下に移動するだけなのでウィンドウの中央を基準とします。ウィンドウの中心座標はX座標が「document.body.clientWidth/2」、Y座標が「document.body.clientHeight/2」となります。
|
| コード |
<![CDATA[
<html>
<head>
<title>マウスに合わせてウィンドウを動かす</title>
<script language="JavaScript">
<!--
function moveWin()
{
x = document.body.clientWidth / 2;
y = document.body.clientHeight / 2;
window.moveBy(window.event.x-x,window.event.y-y)
}
// --></script>
</head>
<body onmousemove="moveWin()">
マウスに合わせてウィンドウを動かす
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
マウスに合わせてウィンドウを動かす