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