Active Link

Description:

リンクや文字に触れたとき、文字の色を変えたり、文字の大きさをを変更します。
CSSのhover属性と違い、リンク以外の文字にも適用できます。 ただしリンクポインタ時のスタイルを変更したいだけでしたら hover属性を利用した方がお手軽で便利です。

Demo:

Yahooへリンク

触れると文字の色を変更します。

Source:

<html>
<head>
<title></title>


</head>

<body>


<p>
<!-- タグの中に onMouseover/onMouseout を書く。 -->
<a href="http://www.yahoo.co.jp/"
   onMouseover="if(document.getElementById || document.all) { this.style.fontSize= '20pt'; }"
   onMouseout="if(document.getElementById || document.all) { this.style.fontSize= ''; }">Yahooへリンク</a>
</p>

<p>
<span onMouseover="if(document.getElementById || document.all) { this.style.color = '#ff0000'; }"
      onMouseout="if(document.getElementById || document.all) { this.style.color  = ''; }">
触れると文字の色を変更します。
</span>
</p>


</body>
</html>

Advice:

Arrangement:

Browser:

Internet Explorer4.0以上
Netscape Navigator6.0以上
[ Back ]