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();
});
});