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

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

Pino的

动画div背景图像

1 个答案: