jquery淡入淡出问题

Question

现在有一个Div,它有一个背景图片（通过CSS设置的），现在要实现的目标是：当我鼠标移到这个Div上面的时候，里面的背景图慢慢减淡，同时淡出另一张背景图，效果类似http://www.microsoft.com/zh/cn/中间的广告，我现在的问题主要是无法实现同步淡入淡出，请高手帮忙解决一下！要求提供代码

Answer 1

http://blog.csdn.net/lovenjoy/archive/2009/12/14/5004617.aspx

Answer 2

对background-image进行操作，我也想知道

Answer 3

当然是对background-image进行操作，可问题是不能同步啊，很是郁闷

Answer 4

用不要用背景图啦 <div>
 <img></img>
 <img class="fade"></img>
</div>把两个img绝对定位在一个位置，这要把上一级 div位置设置成相对的才行。
z-index 设置成很小,比如 -999 也就可以当作背景图了。然后 $("img.fade").fadeTo("slow",0.01);  
     $("img.fade").fadeTo("slow",1);    就是那种效果了.

Answer 5

     <div style="width: 300;height: 200;background-color: red" id="kk">
     <img id="bb" src="res/img/admin/xs.gif" style="width: 300;height: 200;position: absolute;"></img>
     <img id="dd" src="res/img/product/9.jpg" style="display: none;width: 300;height: 200;position: absolute"></img>
     </div>
    
    <script type="text/javascript">
     $(document).ready(function(){
     $("#kk").mouseover(function(){
     $("#dd").fadeIn("slow"); 
     $("#bb").fadeOut("slow"); 
     });
     });
    </script> 试过了。。改改就行了。