FC2ブログ

アニメーション終了時の処理

アニメーション終了したときに実行

.hide(1000,function(){
$(this).attr('src',img.attr('src'));
})

このように
アニメーションメソッドの後に
function(){...}
形式で処理を書けば
アニメーション終了したときに処理を
実行できます

終わったら通知して呼び出すということでコールバック関数といいます

アニメーション機能の構文は
$(セレクター).アニメーションメソッド{
時間,
function(){
アニメーション完了後の処理
})

メソッドチェーンにしないのは
終わってから処理じゃなくて
アニメーション完了の前に処理してしまうから

これだとhide()でアニメーションにしても
いきなり画像がすでに変わっているという
妙な感じになってしまう

もし、アニメーションがうまく見れないなら
時間の指定を長くするといい

これは、注意点だが
メソッドチェーンで順番に処理するのは
アニメーションだけで
ほかの処理は即座に実行してしまう
スポンサーサイト



コメント

非公開コメント

最新記事
検索フォーム
GREEハコニワ攻略サイト
リンク
カテゴリ
月別アーカイブ
フリーエリア
最新記事
FXプライムレート
最新コメント
最新トラックバック