カーソルをあわせただけで色が変わるようにするには？
[上に]
[前に]
[次に]
Ｂ。
[E-Mail]
1999/04/29(木) 20:18:49
リンクをはってある、文字や画像にカーソルをあわすと
色が変わったり、画像が変わったりしますが、
あれはどうやればできるのですか？
みずか
[E-Mail]
[HomePage]
1999/04/29(木) 22:03:24
２種類やり方があります。
説明は時間がないので省きます。
・スタイルシートを使用した方法
<style type="text/css">
<!--
a:visited{color=olive;text-decoration:none;}
<!--一度行ったことのあるリンクへの書式-->
a:link{color=blue;text-decoration:none;}
<!--普通のリンクの書式-->
a:hover{color=red;text-decoration:underline;}
<!--カーソルがリンク上に乗った時の書式-->
a:active{color=olive;text-decoration:underline;}
<!--クリックしているときに表示される書式-->
-->
</style>
こちらをカット＆ペーストしてheadタグ内に入れ、間のコメントを
削除すると
テキストリンクに対してのみ、カーソルを合わせると色が変わります。
その２〜（普通／リンク）のテキストＩＥ用
<span style="color:blue;"
onmouseover="this.style.color='orange'"
oumouseout="this.style.color='blue'">
テキスト</span>
こちらのＳＰＡＮタグをＡタグに変えて下されば、
リンクにしても働きます。
〜ＮＮ用
面倒なので、もしも知りたいのであれば
メールを下さい。
〜ＩＥ用画像替え
<img src="1つめの画像" onmouseover="this.src='２つ目の画像'"
onmouseout="this.src='1つ目の画像'">
これで大丈夫です。画像名を入れて下さいね。
〜ＮＮ用
こちらも省きます。
一番はじめいがいのものはonmouseoutやoumouseoverを変えても
たぶん働きます。（まだやったことがないので）
中学生の説明でわかったでしょうか？
分からない点があれば、メールで送って下さい。
それではホームページ作りがんばって下さい。
[上に]
[前に]
[次に]