以下是我的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}
我需要此框来在特定时间范围内更改图像。第一张图像会在特定时间间隔内更改图像。完成后，下一步更改图像。在第四次图像变换后，我需要开始第一张图像。如果鼠标悬停在图像上意味着必须清除所有时间间隔。请建议我任何想法。