0

我目前正在制作我的第二个网站，并且是第一次使用 Jquery。我想在我的页面一侧连续 4 个小方块淡入，在加载主页时按顺序淡入。

我已经做到了！它看起来很棒，但我不希望每次观众点击不同的页面时都会发生这种效果。

如果有人能告诉我如何编写这个动画，让它淡入我的索引页面，我将不胜感激。

下面列出了我当前的代码，

非常感谢！

$(document).ready(function(){

  $('.wrapper').fadeIn(1000);

  $("#BlockOne").fadeIn('slow');

  $("#BlockTwo").fadeIn(2500);

  $("#BlockThree").fadeIn(2500);

  $("#BlockFour").fadeIn('slow');

});
4

3 回答 3

0

仅将代码放在主页上的脚本块中。大概所有其他页面都需要单独的 css 以确保您始终可以看到这些块。

于 2012-11-29T21:51:59.710 回答
0

在按钮的单击事件处理程序中定义代码并使用.one绑定它。

然后触发点击事件..看起来它有效..

$(document).ready(function() {
    // This will fire only once..
    $('button').one('click', function() {
        $('.wrapper').fadeIn(1000);
        $("#BlockOne").fadeIn('slow');
        $("#BlockTwo").fadeIn(2500);
        $("#BlockThree").fadeIn(2500);
        $("#BlockFour").fadeIn('slow');
    });

    $('button').click();
});​
于 2012-11-29T23:31:09.557 回答
0

有很多方法可以解决这个问题。

您根本无法在主页以外的页面上输出此 javascript。如果您需要使隐藏元素出现在其他页面上的功能，您可以只使用替代 javascript 来立即显示它们，而无需fadeIn.

您可以在所有页面上输出一个通用功能，但使用文档位置上的条件来确定是淡入还是立即显示。

您可以在 cookie、HTMLS localStorage 或会话存储中保存一些值，以充当标志来确定是淡入显示还是立即显示。

我个人更喜欢后者，因为用户没有通过主页到达您的网站？我认为您的意图是在第一个访问的页面上产生淡入效果，不一定是主页。

于 2012-11-29T21:56:05.017 回答