你如何像雅虎一样制作可滚动的?

时间:2013-11-16 16:27:38

标签: scrollable

我有博客发布的博客。很快我就买了一个真正的域名。我在雅虎看过滚动条!关于新闻的homaepage。我该怎么做自己的?

thinkdifferent-tj.blogspot.com

我只是编码的初学者。

我尝试了很多j查询可滚动代码,但它不适用于博客。我该怎么办? 看看yahoo.com 我无法发布图片,但我可以做一些代码:

        <div style="margin:0 auto; width: 634px; height:120px;">
<!-- "previous page" action -->
<a class="prev browse left"></a>

<!-- root element for scrollable -->
<div class="scrollable" id="scrollable">

另外 http://jquerytools.org/documentation/scrollable/

http://jquerytools.org/documentation/scrollable/autoscroll.html

  <!-- root element for the items -->
  <div class="items">

    <!-- 1-5 -->
    <div>
      <img src="http://farm1.static.flickr.com/143/321464099_a7cfcb95cf_t.jpg" />
      <img src="http://farm4.static.flickr.com/3089/2796719087_c3ee89a730_t.jpg" />
      <img src="http://farm1.static.flickr.com/79/244441862_08ec9b6b49_t.jpg" />
      <img src="http://farm1.static.flickr.com/28/66523124_b468cf4978_t.jpg" />
    </div>

    <!-- 5-10 -->
    <div>
      <img src="http://farm1.static.flickr.com/163/399223609_db47d35b7c_t.jpg" />
      <img src="http://farm1.static.flickr.com/135/321464104_c010dbf34c_t.jpg" />
      <img src="http://farm1.static.flickr.com/40/117346184_9760f3aabc_t.jpg" />
      <img src="http://farm1.static.flickr.com/153/399232237_6928a527c1_t.jpg" />
    </div>

    <!-- 10-15 -->
    <div>
      <img src="http://farm4.static.flickr.com/3629/3323896446_3b87a8bf75_t.jpg" />
      <img src="http://farm4.static.flickr.com/3023/3323897466_e61624f6de_t.jpg" />
      <img src="http://farm4.static.flickr.com/3650/3323058611_d35c894fab_t.jpg" />
      <img src="http://farm4.static.flickr.com/3635/3323893254_3183671257_t.jpg" />
    </div>

  </div>

</div>

<!-- "next page" action -->
<a class="next browse right"></a>
</div>

编辑:在底部显示图片 - yahoo scrollable http://i65.tinypic.com/b81u9j.png

0 个答案:

没有答案