jQuery:要素を点滅させる - ぷちWiki

最終更新日時:

概要



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


実装方法



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

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

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

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

サンプル