jQuery.animatedBorder.js

CSSのborderをアニメーションさせて目立たせるjQueryプラグイン「animatedBorder」
borderというと基本的に固定ですが、このjQueryプラグインを使ってアニメーションさせることが出来るみたいです。
仕組みとしては、背景が透明と白のgifアニメーションを交互に点灯させ、ボーダー自体は固定色という仕組みで動いています。

とあるブロックを目立たせたいなんていう場合に使えそうです。


仕込んだら実装は以下の１行で済みます。
$('div.alpha').animatedBorder();

borderの色やサイズの指定が可能です。

関連エントリ

• カスタマイズ可能なアニメーションスクロールが実現できるjQueryプラグイン「PageScroll」
• 画像スライダーに関することならお任せ！なjQueryプラグイン「Slider Kit」