ロールオン・ロールオフ

質問

などはJavaScriptを使って画像の差し替えで行うことができますが

マウスカーソルをリンクにポイントした場合にはリンクを青背景にし
マウスカーソルをリンクにポイントはずしをした場合にはリンクを黄色背景にする場合に

画像を使わない方法は有るのでしょうか?

またJavaScriptを使わないとロールオン・ロールオフ機能を実現することは無理なのでしょうか?

回答No.1

poohron · ベストアンサー

これはJavaScriptではなく、CSSの領域ですね。
ヘッダの中に

<style type="text/css">
a{color:black; background-color:yellow;}
a:hover{color:white; background-color:blue;}
</style>

と記述するとどうでしょうか。
※上記では背景を青にするとリンク文字が読みにくくなるので
　文字色を白に変更しています。

お礼

ありがとございます
CSSだけで十分できますね

<style type="text/css">
a{color:black; background-color:yellow;}
a:hover{color:white; background-color:blue;}
</style>
<a href="#">ok</a>