点击延迟时淡入/淡出内容

时间:2012-08-19 06:06:22

标签: javascript fadein fade tumblr fadeout

在我正在构建的Tumblr主题中,我已经设法在背景消失后不久使用CSS淡化帖子。但是,我觉得淡入淡出的帖子看起来很奇怪,但只是眨眼。我发现Javascript可以处理淡入淡出的帖子,但是后台淡入必然会延迟一点。我希望在背景渐渐消失后,帖子的javascript淡入淡出,但我似乎无法有效地延迟该动画:

<script type="text/javascript">
$(document).ready(function() {

$(".posts").css("display", "none");

$(".posts").fadeIn(1000);

$("a").click(function(event){
    event.preventDefault();
    linkLocation = this.href;
    $(".posts").fadeOut(1000, redirectPage);     
});

function redirectPage() {
    window.location = linkLocation;
}
});
</script>

如何将fadeIn延迟x秒?

更新(2012年8月19日):我还没有想出如何延迟Javascript动画超过1秒,但我发现只允许CSS处理淡入效果很好。我甚至没有删除favascriptIN的javascript命令。我猜想CSS简单地覆盖了它。它至少在表面上有效地解决了我的问题。

0 个答案:

没有答案