articles

2009 年 11 月 11 日

jQuery シェイクする

よくあるぶるぶるシェイクするやつです。

 $(element).animate({ left: -10 }, 75)
           .animate({ left: 10 }, 75)
           .animate({ left: -10 }, 75)
           .animate({ left: 10 }, 75)
           .animate({ left: 0 }, 75);

またまた大好きなjQueryのリファレンスからです。
http://semooh.jp/jquery/api/effects/

サンプルも勉強になって好きです、このサイト。

2009 年 10 月 6 日

jQuery フェードイン完了を待つ

CATEGORYEffectjQuery  TAG 8:14 PM

基本的なところかもしれませんが。
画像をクリックするとsrcが変わるスクリプトで

$("#element").click(function(){
	$(this).hide().attr("test.jpg").fadeIn();							
});

とした場合の話ですが、
フェードイン完了前にクリックするとなにやらおかしなことになります。

loading=false;
$("#element").click(function(){

if(loading==false){
 loading=true;
 $(this).hide().attr("test.jpg").fadeIn("2000",complete);
}						
});

function complete(){
 loading=false;
}

以上のようにして、fadeInのコールバックをつかってフェードインが終わるのを待つ事にすればいいと
気付きましたのでメモします。

2009 年 7 月 21 日

jQuery 基本エフェクト

CATEGORYEffectjavascriptjQuery  TAG 7:20 PM

よくつかうのですが、なんだったけかと思うので。
[speed]は”slow”、”normal”、”fast”
第2引数の[callback]はエフェクト終了時の関数だそうですが
いまのところあまりつかったことがありません。

show([speed],[callback]) 拡大/フェードインして表示
hide([speed],[callback]) 縮小/フェードアウトして表示
slideDown([speed],[callback]) 下へスライド
slideUp([speed],[callback]) 上へスライド
fadeIn([speed],[callback]) フェードイン
fadeOut([speed],[callback]) フェードアウト
fadeTo(([speed],[]opacity],[callback])) 透明度を変opacityに変更