Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/432.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 向当前脚本添加过渡效果_Javascript_Jquery_Css - Fatal编程技术网

Javascript 向当前脚本添加过渡效果

Javascript 向当前脚本添加过渡效果,javascript,jquery,css,Javascript,Jquery,Css,我有这段代码来更改url php输出的背景图片。有人能帮我将图片转换效果集成到这个脚本中吗 setInterval(function fetchImage() { $.get("test.php", function(data){ // "data" is whatever your php script returns //console.log(data); // for debugging your php response

我有这段代码来更改url php输出的背景图片。有人能帮我将图片转换效果集成到这个脚本中吗

setInterval(function fetchImage() {

        $.get("test.php", function(data){ // "data" is whatever your php script returns
            //console.log(data); // for debugging your php response
            var imageString = 'url(' + data + ') no-repeat'; // Build your background css string
            $('td#banner').css('background',imageString); // assign the value of imageString to the td's background css property
        });

    }, 2000);

<td class="banner" id="banner">
</td> 
setInterval(函数fetchImage(){
$.get(“test.php”,function(data){//“data”是php脚本返回的任何内容
//console.log(data);//用于调试php响应
var imageString='url('+data+')无重复';//构建您的背景css字符串
$('td#banner').css('background',imageString);//将imageString的值分配给td的background css属性
});
}, 2000);
调用似乎您必须确保将元素设置为
显示:无


如果你想要背景图像淡入,而不是前景,那实际上有点难。您不能使用
背景图像
,您必须在其后面分层一个div,然后调用
$.fadeIn
,您得到了什么错误?

是否定义了
数据
?执行
if(data){var imageString….}
当前脚本。。。脚本运行良好,我需要添加淡入过渡效果。我真的不知道这一点。你能给我一个完整的代码示例吗?我不确定你不懂什么,只需在调用
$('td#banner').css('background',imageString')的末尾添加
.fadeIn()
,我不想发布完整的示例,我不会为你做这件事,我会让你看看能做些什么。看到了吗,我得到了那部分,我只是不知道如何使div工作,如何使div工作???请解释清楚。你是说我建议的不够好,你想用div的分层来代替吗?正如我在问题中提到的,这可能非常棘手,我无法花时间来准确地了解您需要什么。在你要求别人为你做这件事之前,你至少得试一下。也许会问一个新问题。。。但是在你问之前先试试…(
$('div#banner').css('background',imageString).fadeIn(4000)
$('td#banner').css({
    'background-image': 'url(https://www.google.com/images/srpr/logo11w.png)',
    display: 'none'
}).fadeIn(1000);