1

スライド内のdivをアニメーション化するscrollHorzスライドショーを作成します。

このjquery擬似コードが欲しい
$(".item .top").startSlideHorz();
$(".item .middle .left").delay(100).startSlideHorz();
$(".item .middle .right").delay(200).startSlideHorz();
$(".item .bottom").delay(300).startSlideHorz();

私はhttp://www.goldmansachs.comに触発されました

私のHTML:

<div class="wrap">
  <div class="slideshow">
    <div class="item">
      <div class="itemInner">
        <div class="top">First top</div>
        <div class="middle">
          <div class="left">First left</div> 
          <div class="right">First right</div>
        </div>
        <div class="bottom">First bottom</div>

      </div>
    </div>
    <div class="item">
      <div class="itemInner">
        <div class="top">Second top</div>
        <div class="middle">
          <div class="left">Second left</div> 
          <div class="right">Second right</div>
        </div>
        <div class="bottom">Second bottom</div>
      </div>
    </div>
    <div class="item"> 
      <div class="itemInner">
        <div class="top">Third top</div>
        <div class="middle">
          <div class="left">Third left</div> 
          <div class="right">Third right</div>
        </div>
        <div class="bottom">Third bottom</div>
      </div>
    </div>
  </div>
</div>

どんなアイデアにも感謝しますありがとう。

4

1 に答える 1

2

=)... http://jsfiddle.net/4B49x/1

于 2012-07-01T13:15:11.643 に答える