JavaScript
Java Scriptって何?

Java Scriptに初めて触れる方はまずこちらへ。
タグの絵本Java Script > マウスに画像を追従させる

■ マウスに画像を追従させる

サンプル


    こんな感じです
   マウスに画像が追従していますよね




プログラムソース&解説

    
    上記プログラムをBODY内に書き込みます。
    「☆.gif」で表示したい画像を指定します。


使用例


    
<html>
<head>
<title>あなたのホームページ</title>
</head>

<body>
ホームページ作成中。頑張ります!
<BR>
<BR>
<SCRIPT language="JavaScript">
<!--
// マウスに画像を追従させる
function mouseIMG() {
X = event.x + document.body.scrollLeft;
Y = event.y + document.body.scrollTop;
document.all["maus"].style.left= X + 8;
document.all["maus"].style.top = Y + 16;
}
document.onmousemove = mouseIMG;
//-->
</SCRIPT>
<DIV id="maus" style="position:absolute"><IMG src="a003ani.gif"></DIV>
</body>

</html>
あなたのホームページ Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)


ホームページ作成中。頑張ります!
































Copyright (C) 2006 タグの絵本 All rights reserved.
index