0

以下は私の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}

特定の時間レベルで画像を変更するには、このボックスが必要です。最初の画像は、特定の時間間隔で画像を変更します。これが終わったら、次に画像を変更します。4 番目の画像を変更した後、最初の画像を開始する必要があります。マウスが画像の上にある場合は、すべての時間間隔をクリアする必要があることを意味します。アイデアがあれば教えてください。

4

1 に答える 1

0

Nivo Sliderなどの jquery プラグインを使用してみてください。素敵なトランジション効果があり、

于 2012-08-08T07:07:19.150 に答える