Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Can';不要让背景图像淡入?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript Can';不要让背景图像淡入?

Javascript Can';不要让背景图像淡入?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我以前在各种其他想法中使用过此代码,但我从未在animate之外进行过fadein,所以我希望图像在更改时进行fadein,在此代码中是否可能?还是我必须找到另一种方法?你看到fadein的地方就是我现在拥有它的地方,但是fadein似乎不起作用。我试着用间歇时间来匹配时间,但也没有运气 $(function () { // DOCUMENT ready shorthand var cnt=0, bg; var $body = $('body'); var arr = [

我以前在各种其他想法中使用过此代码,但我从未在animate之外进行过fadein,所以我希望图像在更改时进行fadein,在此代码中是否可能?还是我必须找到另一种方法?你看到fadein的地方就是我现在拥有它的地方,但是fadein似乎不起作用。我试着用间歇时间来匹配时间,但也没有运气

$(function () { // DOCUMENT ready shorthand
    var cnt=0, bg;
    var $body = $('body');
    var arr = ['images/01.jpg','images/02.jpg','images/03.jpg','images/04.jpg','images/05.jpg','images/06.jpg','images/07.jpg'];

    var bgrotater = setInterval(function() {
        if (cnt==7) cnt=0;
        bg = 'url("' + arr[cnt] + '")';
        cnt++;
        $body.css('background-image', bg).fadeIn('fast');
    }, 5000);
});

如果将来有人会遇到这个问题,那么您要做的就是在CSS中添加这样的转换。 还要注意它所说的过渡部分

body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background-color: #666;
background-image: url(images/01.jpg);
background-size: 100% 150%;
background-attachment:fixed;
margin: 0;
padding: 0;
color: #FFF;
transition: background 1.5s linear;

}

您正在尝试淡入
但在第一次淡入后,它始终在您的代码中可见。您可以淡入一些已经可见的内容吗。。?或者你打算隐藏
本身。。?!不,我想要一个fadein过渡效果的图像将出现在下一个抱歉,我吸,我还是新的javascript。这是我正在测试的网站。你可以看到图片的变化,但没有过渡效果。伙计们,我已经修复了!我在CSS主体中添加了一个过渡,它起了作用。你也可以通过在主体上添加一个div来模拟背景,使用
position:absolute;顶部:0px;底部:0px;左:0px;右:0px;z指数:-1;背景:url('yourbg.png')。然后你可以使用JQuery淡入淡出。是的,我正要淡入淡出,这时我想起了过渡效果。但是这样的代码就少了,所以我坚持使用这个,但是谢谢你的回答:D