动画div背景图像

时间:2009-10-21 13:13:31

标签: jquery html css css-transitions css-animations

我有<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的背景图像更改为具有动画效果的第二个图像

1 个答案:

答案 0 :(得分:0)

您需要查看JQUery.Hover事件

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

然后你的动画事件,

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

另一个顶部:在更改背景图像时查看不透明度。

Pino的