サイト内検索
...タグ・小技・etc...
ロールオーバー
cssを使って(背景画像→背景画像)
[メモ]
マウスを近づけると画像が変わります。display : block; が必要です。
width・heightを書いておくことも忘れずに
「素材屋・HP素材のおすそわけ」を参照にさせて頂きました。
背景色・背景画像の変化については、こちらをご覧ください。
サンプルのソース
[スタイルシート]
.sample{display : block;
width:200px;
height:40px;
background-image : url(img/sample1.JPG);
}
a:hover.sample{
background-image : url(img/sample2.JPG);
}
[bodyの中]
<a href="../sample.html" class="sample"></a>