jquery工具垂直可滚动

时间:2010-12-15 16:16:39

标签: jquery jquery-tools

我使用此滚动条http://flowplayer.org/tools/demos/scrollable/vertical.html 我注意到幻灯片3 div.item ...可能是2到了

1 个答案:

答案 0 :(得分:2)

如果您查看演示的源代码,您会发现非常简单。改变这一部分:

      

     <!-- first row -->
     <div class="item">

        <!-- image -->
        <img src="http://farm1.static.flickr.com/_m.jpg" />

        <!-- title -->
        <h3>1. Barcelona Pavilion</h3>

        <!-- content -->
        <p>
           The Pavilion was not only a pioneer ...
        </p>

     </div>

     <!-- 2:nd and 3:rd rows -->
     <div class="item"> ... </div>
     <div class="item"> ... </div>

  </div>

  <!-- second element with another three rows (and so on) -->
  <div>
     ...
  </div>

对此:

      

     <!-- first row -->
     <div class="item">

        <!-- image -->
        <img src="http://farm1.static.flickr.com/_m.jpg" />

        <!-- title -->
        <h3>1. Barcelona Pavilion</h3>

        <!-- content -->
        <p>
           The Pavilion was not only a pioneer ...
        </p>

     </div>

     <!-- 2:nd row -->
     <div class="item"> ... </div>

  </div>

  <!-- second element with another two rows (and so on) -->
  <div>
     ...
  </div>

大多数更改都是HTML注释。您需要做的就是在每组项目中少一<div class="item">...</div>