jQuery(".user-share-bd").slide({
titCell: ".hd li",
mainCell: ".bd ul",
autoPage: true,
effect: "left",
autoPlay: true,
vis: 3
delayTime:1000
});
titCell:导航元素对象(鼠标的触发元素对象);
mainCell:切换元素的包裹层对象;
autoPage:程序分页,需结合titCell使用,若为true,则titCell为导航元素的包裹层对象。支持自定义分页:autoPage:"<li><a>$</a></li>"
,其中$为数字替换位置,如果不想输出数字,直接删掉即可。
effect:动画效果。left | top | fade:渐显 | top/leftLoop:上/左循环滚动 | top/leftMarquee:无缝滚动 | fold:淡入淡出 | slideDown:下拉效果
autoPlay:自动播放,默认值为False;
使用过程中的一些问题:
- 大盒子里面设置五个小盒子,显示个数为3个,首先设置好了5个盒子的位置,最后加上slide后,本来居中的大盒子,向左靠了。
解决方法:在bd类标签的上一层类中,设置盒子的宽度(刚好包裹住自己的三个盒子),靠左的盒子居中了。