0
点赞
收藏
分享

微信扫一扫

关于jQuery中的SuperSlide插件的使用

自由情感小屋 2022-02-08 阅读 57
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;

使用过程中的一些问题:

  1. 大盒子里面设置五个小盒子,显示个数为3个,首先设置好了5个盒子的位置,最后加上slide后,本来居中的大盒子,向左靠了。
    解决方法:在bd类标签的上一层类中,设置盒子的宽度(刚好包裹住自己的三个盒子),靠左的盒子居中了。
举报

相关推荐

0 条评论