动画 div 背景图像答案

【问题标题】：animate div background image动画 div 背景图像
【发布时间】：2023-04-04 23:12:01
【问题描述】：

我有一个<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的背景图片变为第二张带有动画效果的图片

【问题讨论】：

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

【解决方案1】：

你需要查看 JQUery.Hover 事件

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

然后是你的动画事件，

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

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

皮诺

【讨论】：