Java Scriptって何?
Java Scriptに初めて触れる方はまずこちらへ。
タグの絵本
>
Java Script
> マウスに文字を追従させる
■ マウスに文字を追従させる
サンプル
こんな感じです
マウスに文字が追従していますよね
プログラムソース&解説
<SCRIPT language="JavaScript"> <!-- // マウスに文字を追従させる function mouseMeg() { X = event.x + document.body.scrollLeft; Y = event.y + document.body.scrollTop; document.all["maus"].innerText = "ようこそ私のHPへ"; document.all["maus"].style.left= X + 8; document.all["maus"].style.top = Y + 16; } document.onmousemove = mouseMeg; //--> </SCRIPT> <DIV id="maus" style="position:absolute"></DIV>
上記プログラムをBODY内に書き込みます。
使用例
ソース (テスト書き込み可)
<html> <head> <title>あなたのホームページ</title> </head> <body> ホームページ作成中。頑張ります! <BR> <BR> <SCRIPT language="JavaScript"> <!-- // マウスに文字を追従させる function mouseMeg() { X = event.x + document.body.scrollLeft; Y = event.y + document.body.scrollTop; document.all["maus"].innerText = "ようこそ私のHPへ"; document.all["maus"].style.left= X + 8; document.all["maus"].style.top = Y + 16; } document.onmousemove = mouseMeg; //--> </SCRIPT> <DIV id="maus" style="position:absolute"></DIV> </body> </html>
あなたのホームページ
Internet Explorer
ファイル(F) 編集(E) 表示(V) お気に入り(A) ツール(T) ヘルプ(H)
ホームページ作成中。頑張ります!
Copyright (C) 2006 タグの絵本 All rights reserved.
→
index