在我正在构建的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简单地覆盖了它。它至少在表面上有效地解决了我的问题。