Question

我有一个可行的脚本，但背景图片是＆＃34;弹出＆＃34;在和不顺利淡入淡出。他们立即改变。我现在只测试2个背景，而不是4个。

这是我的新Fiddle。

仅在第一张背景图像和第四张背景图像之间切换。

编辑：新的JQuery如下：

$(document).ready(function(){
    setInterval(function() {
      $("body").toggleClass('background2', 1000);
      $("body").toggleClass('background3', 1000);
      $("body").toggleClass('background4', 1000);
    }, 3000);
});

Answer 1

您必须使用jQuery UI＆＃39; toggleClass() function。

$(element).toggleClass('otherClass', duration);

在您的情况下，您可以将正文的初始类设置为background1并在其他类之间切换。我已经为您here设置了这个，但您之所以没有看到任何内容的原因是因为您的所有课程都指向相同的图片。

您可以在行动here中看到它，我已经在其中注释了您的图片并使用了简单的颜色。

Answer 2

使用jquery fadein和fadeout。看一下这个简单的例子：http://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_fadeout_fadein

Jquery背景推子

2 个答案: