jQueryでボタンなどのロールオーバー時、背景画像にエフェクトを掛ける方法｜BLACKFLAG

jQueryでボタンなどに対してのロールオーバーエフェクトをつけるプラグインは多々ありますが、 プラグインのような大きなものでを使用するのではなく、もっと簡単・シンプルな方法で ロールオーバーエフェクトをつけることが出来ないか実験してみました。 サンプルはテキストリンクボタンに背景画像を敷いて、 ロールオーバー時にアニメーションをつけるパターン。 まず、HTMLソースは以下のように<a>タグのみを並べます。 <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: