CSS Rollover
CSSでタブブロックのロールオーバー 使用画像２個 タブブロックを横に4つ並べているところがカッコイイ
via: Kansas City Homes for Sale | Prudential Kansas City Real Estate
via: CSS hover effect | Veerle's blog
:) サンプル
CSS:
-
#differences {
-
margin:0.5em 0 1.5em 0;
-
padding:0;
-
list-style:none;
-
width:100%;
-
float:left;
-
}
-
#differences li {
-
margin:0 18px 0 0; padding:0;
-
float:left;
-
background:url(/images/diff-tabs-top-wide.gif) no-repeat 0 0;
-
}
-
#differences li#diff-4 {
-
margin-right:0;
-
}
-
#differences div {
-
font-size:0.94em;
-
padding:6px;
-
background:url(/images/diff-tabs-bottom-wide.gif) no-repeat 0 100%;
-
}
-
#differences li:hover {
-
background-position:-156px 0;
-
}
-
#differences li:hover div {
-
background-position:-156px 100%;
-
}
I found your site on technorati and read a few of your other posts. Keep up the good work. I just added your RSS feed to my Google News Reader. Looking forward to reading more from you.
Eric Hundin