jQuery：要素を点滅させる

概要

jQuery を使うと、簡単に要素を点滅させることが出来ます。

実装方法

点滅させたい要素を fadeOut/fadeIn することにより、点滅状態に見せることが出来ます。

 $('#sample').fadeOut(500, function() {
     $(this).fadeIn(500);
 });

上記だと１回しか点滅しないので、恒久的に点滅させるには、以下のように setInterval を使います。

 setInterval( function() {
     $('#sample').fadeOut(500, function() {
         $(this).fadeIn(500);
     });
 }, 1000 );

サンプル