先日紹介した「jQueryでボタンなどのロールオーバー時、背景画像にエフェクトを掛ける方法」の マウスオーバー時の背景画像切り替えパターンを 別バージョンでいくつか作ってみたので加えて紹介してみます。 HTMLソースとCSSなどについては全く変更なしですが 念のため、記載しておくと ◆HTML <a href="#">BUTTON A</a> <a href="#">BUTTON B</a> <a href="#">BUTTON C</a> ◆CSS a { width: 130px; height: 50px; line-height: 50px; font-size: 15px; font-weight: bold; color: #fff; text-align: center; position: relative; overflow: hidden; display: block