動畫的div背景圖片

Question

我有一個<div>：

<div class="hide1" id="MDive"> 
    <TABLE WIDTH="1000" BORDER=0 CELLPADDING=0 CELLSPACING=0> 

在這種<div>我頁面的完整的身體。

我也有兩類：

<style> 
    .hide1 { 
     background: url(bgs/bg_first.png) no-repeat; 
    } 
    .hide2 { 
     background: url(bgs/Picture-12_SOFT.jpg) no-repeat; 
    } 
</style>  

我在人體內都有一種形象：

<div class="mover"> 
    <IMG SRC="images/buttons_full_03.png" WIDTH=129 HEIGHT=30 ALT="" border="0"> 
</div> 

我需要的是：當光標在div.mover，div#MDive的類變化到hide2與動畫。

即：div#MDive的有動畫效果

Answer 1

你需要看的JQUery.Hover事件

http://docs.jquery.com/Events/hover

然後你的生命的事件背景圖像更改爲第二圖像，

http://docs.jquery.com/API/1.3/Effects

另一個頂部：考慮不透明度當改變背景圖像時。

皮諾