| 解 説 |
Flashムービーをマウスに追従させるには追従させるFlashムービーをdivタグで囲んでおきます。bodyタグのonmousemoveイベントでマウスの動きを検知し座標を設定します。
|
| コード |
<![CDATA[
<html>
<head>
<title>Flashムービーをマウスに追従させる</title>
<script language="JavaScript">
<!--
function setFlashXY(fObj)
{
window[fObj].style.left = event.x + 16;
window[fObj].style.top = event.y + 4;
}
// -->
</script>
</head>
<body onmousemove="setFlashXY('fMovie')">
<div id="fMovie" style="position:absolute;top:0px;left:0px;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="290" height="80">
<param name="Movie" value="sample.swf">
<param name="quality" value="high">
<param name="Loop" value="true">
<param name="play" value="true">
</object>
</div>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
Flashムービーをマウスに追従させる