0

我有一个网站，我得到了 spacebean 的帮助，才走到这一步。现在，我想帮助将以下代码的淡入/淡出部分变成一个连续循环，但我不知道该怎么做。如果当前出现在 Macs/iPod/iPhone/iPad 上的空白消失，我也希望它消失。它出现在命中计数器之前的最顶部。感谢任何帮助。

这是代码：

$(document).ready(function(){

(function() 
{
    if (navigator.userAgent.match(/Mac OS X/i)
        || navigator.userAgent.match(/iPhone/i)
        || navigator.userAgent.match(/iPad/i)
        || navigator.userAgent.match(/iPod/i)
        ) 
  {
    isApple = true;
    if (confirm("Because this is a Apple device, It is not reccommended for you to view this site on this device. You will now be transferred to Google.com. I am working on a fix. Thank you for your patience.")){
      window.location = "https://www.google.com";
      }else{
      alert("It is NOT recommended that you view this site at this time. I am working on a fix. Please leave this site now.")}
  }else{
   loadFade();
  } 
})();

function loadFade(){
    $("#circ1").fadeIn();
    $("#circ2").fadeIn("slow");
    $("#circ3").fadeIn(800);
    $("#circ4").fadeIn(900);
    $("#circ5").fadeIn(1000);
    $("#circ6").fadeIn(1100);
    $("#circ7").fadeIn(1200);
    $("#circ8").fadeIn(1250);
    $("#circ9").fadeIn(1300);
    $("#circ10").fadeIn(1350);
    $("#circ11").fadeIn(1400);
    $("#circ12").fadeIn(1450);
    $("#circ13").fadeIn(1500);
    $("#circ14").fadeIn(1550);
    $("#circ15").fadeIn(1600);

    $("#circ1").fadeOut();
    $("#circ2").fadeOut("slow");
    $("#circ3").fadeOut(800);
    $("#circ4").fadeOut(900);
    $("#circ5").fadeOut(1000);
    $("#circ6").fadeOut(1100);
    $("#circ7").fadeOut(1200);
    $("#circ8").fadeOut(1250);
    $("#circ9").fadeOut(1300);
    $("#circ10").fadeOut(1350);
    $("#circ11").fadeOut(1400);
    $("#circ12").fadeOut(1450);
    $("#circ13").fadeOut(1500);
    $("#circ14").fadeOut(1550);
    $("#circ15").fadeOut(1600);

    };
});
4

3 回答 3

1

要使淡入/淡出进入连续循环，请尝试调用此函数：

function loadFade() {       
        for(var i=1; i<=15; i++) 
           $("#circ"+i).fadeToggle(loadFade); 
}

当心...它只是进入一个无限循环。这是一个演示。

于 2013-10-23T16:33:04.057 回答
1

只需对淡出的最后一项使用回调即可再次调用该函数。

$("#circ15").fadeOut(1600, function () {
    loadFade();
});

在这里查看它的实际效果：http: //jsfiddle.net/SD4G3/

于 2013-10-23T16:34:01.467 回答
1

该网站充满了语法问题。

这段代码在这里：

<!-- End 1FreeCounter.com code -->
</center>

</center><font color="#000000"><BR>

您可以看到您连续两次关闭中心标签。这在您的页面上无效。

在同一部分，接下来的几行...

<!-- End 1FreeCounter.com code -->
</center>

</center><font color="#000000"><BR>
</body>
</html>
<img id="img0" style="position:absolute; left:0; top:1000; visibility:hidden;" src="happy.gif" />

您正在关闭您的 body 和 html 标签（可能是从其他网站复制/粘贴内容）。body 和 html 标签应该是页面的最后两件事，而不是页面的中间。

同样，再往下看，这段代码：

<h3><b><center><br>Hello. This is Josh's Website.</b></h3>

你有 h3 -> b -> center，但你只是关闭 b -> h3。您没有关闭中心标签，也创建了无效的语法。

然后在第 134 行附近，你有这个：

</head>
<body>

在您的网站中间随机关闭 head 标签，然后是 body 标签（即使我们很熟悉 body）。

错误继续，继续，继续......

我强烈建议您学习一些基本的 HTML，在没有先学习这些基础知识的情况下，不要将您在其他网站上找到的内容复制/粘贴到您自己的网站中。令人惊讶的是，您的页面完全加载...

于 2013-10-23T16:59:18.897 回答