++FLASHプログラミング++ ~中級者に贈るWEBプログラム全般のTips~ -52ページ目

CSSを使ったロールオーバー

今日製作中に思いついた小ネタをひとつ。CSSを使ったロールオーバーです。Javascript offでも動くし便利.実際にはテキストリンクの前にアイコンを表示してロールオーバー時にアイコンが右にずれるような物に使用しました.これには paddingの設定がしてませんが用途に合わせて使ってください。

a.btn:link {
background-image:url(images/通常画像.gif);
background-repeat:no-repeat;
}
a.btn:visited {
background-image:url(images/通常画像.gif);
background-repeat:no-repeat;
a.btn:hover {
background-image:url(images/ロールオーバー画像.gif);
background-repeat:no-repeat;
}


****仕事で使ってる本****
→スタイルシート辞典