ＤＨＴＭＬ研究室

Back to Title Page(OpenLab)タイトルページへ戻る

ハイパーリンク表示をダイナミックに変化させる

　ハイパーリンクのテキストにスタイル属性を使用してマウスがかぶさると文字の表示色を変更します。イメージと異なりＪａｖａスクリプトをつかうことなくスタイル設定で動作を指定しています。
　マウスがエリア外にいるときには灰色で表示し、マウスがエリア内に入ってくると白に変化させます。

ＤＨＴＭＬ研究所　
 ＤＨＴＭＬ研究所　

上のＤＨＴＭＬ部分のソースコードです。

<a HREF="http://ring.aist.go.jp/openlab/kitaro/public_html/lab.dhtml/dhtml.html" style="color:#808080" onmouseover="this.style.color='#FFFFFF'" onmouseout="this.style.color='#808080'" target="index30">ＤＨＴＭＬ研究所　</a>