javascript - 使用jQuery实现以下效果

Question

目前这是我的过渡。

$(".element").css("visibility", "visible");

元素隐藏在 css 中，而不是 javascript 使其可见

但我不想实现的是一种看起来像微软的效果，基本上我希望元素从下到上滑入（所以我假设底部的边距为负，而不是用 javascript 使其为正），而且当它滑入时，将其从 0 不透明度淡入到完全不透明度，这两种效果都应该有某种持续时间，结合在一起它们应该看起来非常好。

score 1 · Accepted Answer

1

看看jQuery的.animate()：http ://api.jquery.com/animate/ ;)

于 2013-04-10T21:33:45.407 回答

score 0 · Accepted Answer

看看$(".element").slideToggle('slow')和$(".element").show('slow')

这里不需要使用.animate()..

score 0 · Accepted Answer

如果您想要完全使用 jQuery 的解决方案，请尝试以下两个：

slideUp()（或 slideToggle() 也可以，具体取决于您编写脚本的方式）

score 0 · Accepted Answer

我将从 0 不透明度和一个小的上边距开始，然后使用.animate(). 尝试类似：

$(".element").css({
    opacity: 0,
    visibility: 'visible',
    marginTop: 20
}).animate({
    marginTop: 0,
    opacity: 1
});

请注意，您也可以使用 CSS 过渡来实现类似的效果，演示：http: //jsfiddle.net/Pc8q6/1/ (webkit)

4 回答 4