Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/heroku/2.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
Jquery:动画设置无效_Jquery - Fatal编程技术网

Jquery:动画设置无效

Jquery:动画设置无效,jquery,Jquery,这是我的密码: elem.animate({ background-image: "url(" + imagedir + backgrounds[i] + ")" }, 1500 ); }); 但显然这是无效的,有人知道为什么吗?您希望如何设置动画?对于动画,需要更改一些数值值(宽度、不透明度等),但在您的情况下-没有数值 不能将动画与背景图像一起使用。至少在这种情况下。您希望如何设置动画?对于动画,需要更改一些数值值(宽度、不透明度等),但在您的情

这是我的密码:

  elem.animate({ background-image: "url(" + imagedir + backgrounds[i] + ")" }, 1500 );
                    });

但显然这是无效的,有人知道为什么吗?

您希望如何设置动画?对于动画,需要更改一些数值值(宽度、不透明度等),但在您的情况下-没有数值


不能将动画与背景图像一起使用。至少在这种情况下。

您希望如何设置动画?对于动画,需要更改一些数值值(宽度、不透明度等),但在您的情况下-没有数值

不能将动画与背景图像一起使用。至少是这样

1) 无法设置背景动画(背景位置可能是,但背景图像本身不是) 2) 正确的css名称应该是backgroundImage,而不是backgroundImage

1) 无法设置背景动画(背景位置可能是,但背景图像本身不是) 2) 正确的css名称应该是backgroundImage,而不是backgroundImage


你没有告诉我们哪个程序出现了什么错误(是浏览器控制台吗?验证器?),但我很确定它不会工作(如果这就是你所说的无效),因为你不能设置背景图像的动画

DreamWeaver可能会对你抱怨,因为
背景图像
不是JavaScript CSS属性。使用
backgroundImage
或者,特别是对于jQuery,用引号将其括起来:
“backgroundImage”
。要简单地更改背景图像,请使用
.css()
而不是
.animate()
,但这不会使背景图像褪色。图像是单色图像还是真实图像


如果要在两个图像之间淡入淡出,有一种解决方案使用两个单独的图像,一个在容器中。这是一个很好的例子

HTML jQuery
你没有告诉我们哪个程序出现了什么错误(是浏览器控制台吗?验证器?),但我很确定它不会工作(如果这就是你所说的无效),因为你不能设置背景图像的动画

DreamWeaver可能会对你抱怨,因为
背景图像
不是JavaScript CSS属性。使用
backgroundImage
或者,特别是对于jQuery,用引号将其括起来:
“backgroundImage”
。要简单地更改背景图像,请使用
.css()
而不是
.animate()
,但这不会使背景图像褪色。图像是单色图像还是真实图像


如果要在两个图像之间淡入淡出,有一种解决方案使用两个单独的图像,一个在容器中。这是一个很好的例子

HTML jQuery
它的dreamweaver,在那一行代码上显示一个红方块,这意味着它的语法不正确dreamweaver,在那一行代码上显示一个红方块,这意味着它的语法不正确+1试图在@fewpeople中设置背景动画会导致各种各样的错误。我自己甚至都不想尝试P+1试图设置背景动画会导致@fewpeople Good to know中出现各种错误。我自己甚至都不想尝试P
<div class="outer">
    <div></div>
</div>
div
{
    width: 320px;
    height: 240px;
    background: url('http://www.traveltovietnam.cc/Upload/Tour/2352008111155_SplendorOfMuiNeBeachMuiNe2.jpg');
}

div div
{
    width: inherit;
    height: inherit;
    background: url('http://www.travelwizard.com/caribbean/media/sandy%20lane%20beach.jpg');
}
$(document).ready(function() {
    $(".outer").hover(function() {
        $(this).children().fadeOut();
    }, function() {
        $(this).children().fadeIn();
    });
});