カレンダー

03 | 2017/04 | 05
- - - - - - 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 - - - - - -

広告



最近の記事

カテゴリー

DATE: CATEGORY:スポンサー広告


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

DATE: CATEGORY:DEV


jQuery関連の備忘録。

Photo:365.18 1 chapter down, 2 books to go By:remysharp
Photo:365.18 1 chapter down, 2 books to go By remysharp


フェードアウトして消える



fadeOutしてremoveしたい、って事ですが、
removeは、fadeOut.removeでは正しく動かない。
この動きは、queueを使って実装が必要。

こんな感じ。


$(’#sample’).fadeOut(‘1000’).queue(function(){
this.remove();
});


フェードインで現れる



フェードイン自体はfadeInで可能。

ポイントは、フェードインして現れるようにする場合、
追加する要素は事前にhideやfadeOutで消しておく。
(CSSのdisplay:none;とかで消しておいても良い)

元々あったデータをフェードアウトで非表示にしておいて、
別のデータを追加するような実装だとこんな感じ。


$(‘#sample').fadeOut(1000,function(){
$(‘#sample’).empty();
$(‘#sample').append("

これが現れる!

");
});
$(‘#sample').fadeIn();


タグ : DEV jQuery

Comment

コメントの投稿

管理者にだけ表示を許可する


トラックバック


この記事にトラックバックする



copyright © なんとなしの日記 all rights reserved.
内職☆在宅ワークの最強は?アフィリエイト!. 初心者だってカッコ良いホームページ作るぅ!
Powered by FC2ブログ
Related Posts Plugin for WordPress, Blogger...
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。