ホームページのメニューなどで、文字にマウスが触れると、文字が変化する

質問

ホームページのメニューなどで、文字にマウスが触れると、文字が変化するようにしたいのですが、どのようにすればよいでしょうか？（例えば「LINK」→「リンク」）
　JavaScriptやCSSなどでを使ってもかまいません。
　ホームページに詳しい方、返答お願いします。
↓　のホームページではflashを使用していますが、出来ればflashをさけたいです。
http://www.johnnys-net.jp/j/artists/arashi/

回答No.2

zeff · ベストアンサー

#1さんの回答プラス、
文字の書き換えはfirstChild.nodeValueで行なうといいらしいです。
innerHTMLはやめたほうがいいってどこかで見たので。

かんたんに書くとこんな具合
<a href="#" onmouseover = 'this.firstChild.nodeValue = "リンク"' onmouseout = 'this.firstChild.nodeValue = "LINK"'>LINK</a>

お礼

本当にありがとうございました。
　すごく役に立ちました。

回答No.1

tigra

onmouseoverやonmouseoutを検索してみて下さい。
記述は簡単なのですが、
IEやChromeで表示してもFirefoxでは表示できない、なんて場合がよくあります。
解析からサイトを訪れてくる人の傾向を把握して、それに合わせて工夫してみて下さい。