サイト内検索

...タグ・小技・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>

Copyright c 2007.10.01 luc All rights reserved.