CSS Rollover
CSSでタブブロックのロールオーバー 使用画像２個 タブブロックを横に4つ並べているところがカッコイイ
via: Kansas City Homes for Sale | Prudential Kansas City Real Estate
via: CSS hover effect | Veerle’s blog
#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%;
}
you may want to subscribe to my RSS feed. Thanks for visiting!
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