编程语言
首页 > 编程语言> > javascript-jQuery用淡出和淡入效果替换身体背景图像

javascript-jQuery用淡出和淡入效果替换身体背景图像

作者:互联网

我只想用fadeOut更改主体的背景图像,并用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')

 });

我可以更改图像而无需淡入/淡出,但是我想在那种情况下我犯了一个语法错误.

解决方法:

您的代码失败,因为$(‘body’).css(“ background-image”)返回一个字符串-CSS背景图像属性的值;不是jQuery对象.

其次,您的代码将淡入/淡出整个身体.背景图像本身不能褪色.

我建议您使用位于内容后面的img,然后使其淡出.

标签:fadeout,javascript,jquery
来源: https://codeday.me/bug/20191031/1976641.html