javascript - jquery アニメーションを使用して Web サイトを表示する

Question

たとえば、私のウェブサイトを jquery アニメーションで表示する方法を知りたいです。

body {
visibility: hidden;
}

どうすればjqueryを使ってそれを作ることができますか

body {
visibility: visible;
}

ただし、ダイアログボックスをアニメーション化できるようにアニメーション化します

show:"fold"

わかる？

Answer 1

$('body').css({opacity: 0.0, visibility: "visible"}).animate({opacity: 1.0});

JSFiddle の例

Answer 2

ここに別の解決策があります

js:

$.fx.speeds._default = 1000;
$(document).ready(function () {$("body").show("slide");});

CSS:

body {
    display:none;
}

そして、このソリューションを使用すると、「スライド」を他の jQuery UI 効果http://jqueryui.com/demos/show/に変更するアニメーションを変更できます。