javascript - 使用 jquery 动画使您的网站出现

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/