jquery tools中的scrollable()应用

日期:2011年02月05日

点击浏览下一页

 jquery tools 是个前端开发人员用的好插件。在用scrollable的时候要注意以下几点:

1、将.scrollable() 给要滚动的父容器

2、父容器设置:position:relative; overflow:hidden;

3、父容器下设置div class="items" ,样式设置:width:20000em;position:absolute;

4、.items下才是滚动列表div

5、滚动箭头左设置clsss=prev,右为:class=next。箭头可设置在父容器外。

6、结构:

<div id="父容器">

  <div class="items">

    <div>滚动列表1</div>

    <div>滚动列表2</div>

    <div>滚动列表3</div>

  </div>

</div>

<a class="prev">向左</a><a class="next">向右</a>

箭头隐藏:a.disabled {visibility:hidden !important;}

 7、demo:http://flowplayer.org/tools/demos/scrollable/index.htm

Tags:网页设计 jquery tools
上一篇文章:网页设计中,最重要的是“首页的风格”
下一篇文章:网页设计师小工具:为演示稿网页自动添加下一页链接