Question

我试图通过jquery让我的背景淡入onclick并且我不确定如何做到这一点。这是我的代码：

$(".work").click( function(){ 
    $("body").removeClass('bg2 , bg3').addClass("bg1");
});

$(".about").click( function(){ 
    $("body").removeClass("bg1 , bg3").addClass("bg2");
});

$(".contact").click( function(){ 
    $("body").removeClass("bg1 , bg2").addClass("bg3");
});

谢谢：D

Answer 1

如果您已经在使用jQuery UI plug-in，则可以使用颜色动画。你可以这样做：

$("body").animate({"background-color": "red"}, 1000);

你可以动画到你想要的任何颜色。要产生“淡入淡出”效果，只需将其设置为白色，然后再返回颜色即可。如果您不使用jQuery UI，这可能会给您的网站带来太多开销，因此您可能想要查看jquery.color plugin。只有4kb。

以下是使用jQuery UI淡出的示例：http://jsfiddle.net/9VhpM/

<强>更新

我没有意识到你想要淡化背景图像。您可能会发现这有用：Image Loading | jQuery for Designers

简单的jquery淡入bg问题

1 个答案: