フェードイン＆アニメーション

フェードインしながら、上からボックスが落ちてくる処理をかいてみたので記載。

$(document).ready(function(){if(jQuery.support.opacity){$(".panel").css("opacity", 0).animate({"opacity": "1"},{queue: false, duration: 1300, easing: "easeInQuint", complete: function(){}});$("#main").css("opacity", 0).animate({"opacity": "1"},{queue: false, duration: 600, easing: "easeInQuint", complete: function(){}});$("#main").css("top", "-80px").animate({"top": "+=80px"}, "slow");}});

.panel と #main のフェードイン完了までの時間をずらしてる。
でも、IE6-8は未対応。opacityが対応してないので。