マウスカーソルを乗せたときに文字を消す方法

●スクリプト

<script type="text/javascript"><!--

function yamato(tgt){

if(document.getElementById){

tar=document.getElementById(tgt);

tar.style.display="none";

}

}

//--></script>

●HTML

<p onMouseover="yamato('tokyo')">この文字にマウスカーソルを乗せると、下記の文字が消えます。</p>

<p id="tokyo">東京</p>

最初、東京は表示されている。

文字列にマウスカーソルが乗せられたタイミングで、東京にスタイル　display="none"

を設定することで、非表示にしている。

マウスカーソルを乗せたタイミングは、イベントとして　onMouseover　で拾う。

イベント発生時に、関数　yamato が、引数 tokyo でコールされる。

関数側では、引数（id）を元に、東京の要素を取得し、スタイルを none に設定する。

サンプルソース

http://tokyo-webs.jp/sample_source/130326a/

東京ウェブ制作