javascript - Jquery用淡出和淡入效果替换 body 背景图像

Question

我只想用 fadeOut 更改 body 的背景图像，并用 fadeIn 替换第二个图像。
但是我收到以下错误:

Uncaught TypeError: Object url(file:///C:/Users/.../p1bg_cutted.png) has no method 'fadeOut'

 $('body').css("background-image").fadeOut('slow',function(){
    $("body").css("background-image",
    "url(Images/son_componentler/p2bg_cutted.png)").fadeIn('slow')

 });

我可以在没有淡入/淡出的情况下更改图像，但我想在那种情况下我犯了一个语法错误。

Answer 1

您的代码失败，因为 $('body').css("background-image") 返回一个字符串——CSS 背景图像属性的值；不是 jQuery 对象。

其次，您的代码将淡入/淡出整个 body 。背景图像本身不能褪色。

我建议您使用位于内容后面的 img 并将其淡化。