サイト内検索
...タグ・小技・etc...
ロールオーバー（rollover）
JavaScriptを使って
[サンプル]
背景色が変わり、文字の色が変わり、位置が下がります。背景画像が代わり、画像の位置が下がります。
[メモ]
「素材屋・ＨＰ素材のおすそわけ」を参照にさせて頂きました。背景色・背景画像の変化については、こちらをご覧ください。
ポイント時に文字（画像）が下がるについては、こちらをご覧ください。
サンプルのソース
[スタイルシート]
.sample{width: 160px;
height: 23px;
text-align: center;
padding-top: 8px;
border:3px #873056 double;
}
.sample a:hover {
position:relative ; top :2px ;left:4px; /*文字が動きます*/
background-color:#838383;
}
[ｂｏｄｙの中]
<div class="sample" onmouseover="this.style.background='#f7e1fd'"onmouseout="this.style.background='#ffffff'">
<a href="sample.html">
sampleサイト
</a>
</div>
< a href="../sample.html">
<img src="基本画像（画像ａ）" border="0" alt="画像の説明）"
onmouseover="this .src='ポイントした時の画像（画像ｂ）'"
onmouseout="this .src='基本画像（画像a）'" />
</a>
