2014年8月20日 jQuery どのサイトにも必ずあるテキストリンク。それをもう少しおしゃれに表示できないかな?ということでjQueryでアニメーションをつける方法を紹介します。下のアンダーラインからペロッとでてくるので、うるさすぎず、アクセントになると思います! ↑私が10年以上利用している会計ソフト! IE6+, Firefox 3+, Safari4で動作確認済です。 サンプル See the Pen Text link – animation hover effect by Mana (@manabox) on CodePen. 必要ファイルをダウンロードする 必要なJavaScriptファイルを下記よりダウンロードします。 jquery.js jquery.color.js jquery.backgroundPosition.js 背景画像を作る マウスオーバー時に表示したい
![jQueryでテキストリンクのマウスオーバー時に動きをつける](https://cdn-ak-scissors.b.st-hatena.com/image/square/6f371a278617b98ddbab1cd9f5ca4b6fc8bd86c6/height=288;version=1;width=512/https%3A%2F%2Fwww.webcreatorbox.com%2Fwp-content%2Fuploads%2F2010%2F03%2Fbackground-solid-color.jpg)