在时间间隔内用图像动画 div答案

【问题标题】：animate div with image in time interval在时间间隔内用图像动画 div
【发布时间】：2012-08-08 07:01:31
【问题描述】：

以下是我的 div 框。

<div id="one1" class="f"></div>
    <div id="one2" class="f"></div>

   <div id="two1" class="s"></div>
    <div id="two2" class="s"></div>

   <div id="three1" class="c"></div>
    <div id="three2" class="c"></div>

   <div id="four1" class="d"></div>
    <div id="four2" class="d"></div>

以下是我的 div 框样式。

#one1{width:114px; height:35px; background-image:url(about1.png); float:left; margin-left:10px;}
#one2{width:114px; height:35px; background-image:url(about-rollover.png); margin-left:10px; float:left}

#two1{width:114px; height:35px; background-image:url(about1.png); float:left; margin-left:10px;}
#two2{width:114px; height:35px; background-image:url(about-rollover.png); margin-left:10px; float:left}

#three1{width:114px; height:35px; background-image:url(about1.png); float:left; margin-left:10px;}
#three2{width:114px; height:35px; background-image:url(about-rollover.png); margin-left:10px; float:left}

#four1{width:114px; height:35px; background-image:url(about1.png); float:left; margin-left:10px;}
#four2{width:114px; height:35px; background-image:url(about-rollover.png); margin-left:10px; float:left}

我需要这个框在特定时间级别更改图像。第一个图像在特定时间间隔内更改图像。完成后，下一步更改图像。在第四个图像更改后，我需要启动第一个图像。如果鼠标悬停在图像上意味着必须清除所有时间间隔。请向我提出任何想法。

【问题讨论】：

你可以animate() jQuery 的函数。 api.jquery.com/animate
您尝试过什么吗？向我们展示您的代码

标签： image html jquery-animate

【解决方案1】：

您可以尝试使用 jquery 插件，例如 Nivo Slider。他们有很好的过渡效果和

【讨论】：