0

我在这里有一个工作淡入/淡出 jQuery 示例：http: //jsfiddle.net/mcgarriers/NJe63/6/

但是，我想知道是否可以用背景图像替换背景色红色效果？

非常感谢您的任何指点

4

3 回答 3

1

你可以用 CSS3 做到这一点。您可以在图像周围创建一个您选择大小的 div 标签，然后使用基本的 CSS3 过渡。

  #yourdiv a {
     background-color: #FFF;
}

#yourdiv a:hover {
     background-color: #000;
     -webkit-transition: background-color 600ms linear;
     -moz-transition: background-color 600ms linear;
     -o-transition: background-color 600ms linear;
     -ms-transition: background-color 600ms linear;
     transition: background-color 600ms linear;
}


或者您可以使用 CSS3 将图像淡入另一个：http: //css3.bradshawenterprises.com/cfimg1/

于 2012-08-27T21:37:00.117 回答
1

试试这样的东西怎么样？

我更改了您的 jsfiddle 链接中的代码。

$('.box').mouseenter(function(){
    $(this).stop().animate({opacity: 0}, 0).css('background', 'url(http://static.tvtropes.org/pmwiki/pub/images/Hello_Kitty_Pink_2981.jpg)').animate({ opacity: 1 }, 1000);
}).mouseleave(function(){
    $(this).stop().animate({opacity: 1}, 0).css('background', 'white');
});​
于 2012-08-27T21:39:03.320 回答
0

您不能淡入/淡出 HTML 元素的背景图像，但可以使用背景颜色。

这可能是您的解决方案吗？使用jQuery淡入淡出背景图像？

于 2012-08-27T21:48:11.017 回答