先日紹介した「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
![jQueryでロールオーバー時の背景画像切り替えいろいろ|BLACKFLAG](https://cdn-ak-scissors.b.st-hatena.com/image/square/c662e9771e0c7ac0df846a4838fb1480f378049f/height=288;version=1;width=512/https%3A%2F%2Fblack-flag.net%2Fcommon%2Fimg%2Fogp_jquery.png%3F20231001)