私はjQueryの初心者です(CSS3など)。3つの異なる要素(この場合イメージ)を自動的にアニメーション化して、ページがロードされるときに、シーケンス#1、#2、#3内の他のもの。ここに私のCSSです:jQueryのためにCSS3とjQueryを使って順番に要素をアニメ化する
img#element3 {
position:absolute;
opacity:0;
top:25px;
}
img#element2 {
position:absolute;
opacity:0;
top:270px;
left:60px;
margin:10px 0;
}
img#element1 {
position:absolute;
opacity:0;
top:328px;
left:70px;
margin:10px 0;
}
、私はthis postでソリューションを修正しようとしましたが、それは働いていません。ここでは、私はjQueryのためにやったことだ:
$(document).ready(handler)
$("#element3").animate({opacity: "1"}, "slow", function() {
$("#element2").animate({opacity: "1"}, "slow", function() {
$("element1").animate({opacity: "1"}, "slow", function() {
});
});
});
はちょうどCSS3アニメーションやトランジションを使用してこれを行う方法はありますか?そうでない場合は、jQueryを使用する適切な方法は何ですか。また、注文や遅延を指定するにはどうすればよいですか?
ああ、以前はJSLintを使用していなかった...ありがとう! +1もフィドルのために。 – tvalent2
+1スポット上..... – user113716