Question

我想知道是否可以将.fadeIn（）的默认颜色从白色更改为特定颜色。

例如，整个页面从灰色淡入，在点击链接时淡出为灰色。这是我目前的代码：

$(document).ready(function() {
  $('body').css('display', 'none');
  $('body').fadeIn(450);

$('a').click(function(event) {

  event.preventDefault();

  newLocation = this.href;

  $('body').fadeOut(450, newpage);

});



function newpage() {

 window.location = newLocation;

}

});

Answer 1

这是一个CSS问题，您可以在HTML上设置背景颜色（默认情况下在浏览器中为灰色），并在BODY上设置背景颜色，例如：从红色变为蓝色

html{
    background: red;
    margin:0;
    height: 100%;
    padding: 0;
}
body{
    background: blue;
    height: 100%;
    margin: 0;
}

Answer 2

function newpage() {
    window.location = newLocation;
}

$(document).ready(function() {
    $('body').css({'display':'none','backgroundColor':'lime'});
    $('body').fadeIn(450).animate({'backgroundColor':'yellow'},450);

    $('a').click(function(event) {
        event.preventDefault();
        newLocation = this.href;
        $('body').animate({'backgroundColor':'aqua'},450).fadeOut(450,newpage)
    });
});

您必须使用 jQuery UI

EXAMPLE

Answer 3

jQuery 中的

fadeIn()和fadeOut()使用不透明度属性而非颜色或背景 - 用于制作淡入淡出效果的颜色属性，所以如果你想这样做，请使用绝对div来覆盖整个页面的内容，并将你想要的内容作为background-color

将fadeIn（）颜色从白色更改为特定颜色

3 个答案: