第4章 リンクの設定

4.マウスを位置づけるとリンク文字の色が変わる

マウスを位置づけると、青い文字が赤くかわるようにリンク付けしているところがあります。残念ながらPageMillの標準機能ではありません。

またJavaScriptではなく、CSSを使います。(厳密にはCSS2という規格を使用しています)そのために、Netscape Communicator 4.7には対応していません。Internet Explorer 5で確認して下さい。

<HTML>
<HEAD>
<META NAME="GENERATOR" CONTENT="Adobe PageMill 3.0J Mac">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=Shift_JIS">
<TITLE>Untitled Document</TITLE>
<STYLE TYPE="text/css">
<!--
A:hover{color:red}
A:Link{}
-->
</STYLE>

</HEAD>
<BODY>

PageMillをHTMLソースモードに変更し、上の赤字の部分をコピーします。コピー先は、</HEAD>の前がいいと思います。

A:hover{color:red}のredの部分がマウスを位置づけたときに変更する色になります。このように赤ならred、オレンジ色はorengeと指定してもいいです。

色の指定については、こちらにWebセーフカラーを参考にしてcolor:#ff0000のようにも指定できます。

ちょっとかっこいいから試してみてはいかがでしょうか?

| | | |

Update: Wed, Mar 31, 2004 / 9:41:08 AM