当前位置:   article > 正文

关于jQuery中的SuperSlide插件的使用_jquery.superslide

jquery.superslide
jQuery(".user-share-bd").slide({ 
		titCell: ".hd li",
		mainCell: ".bd ul", 
		autoPage: true, 
		effect: "left", 
		autoPlay: true, 
		vis: 3 
		delayTime:1000
});
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9

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类标签的上一层类中,设置盒子的宽度(刚好包裹住自己的三个盒子),靠左的盒子居中了。
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/2023面试高手/article/detail/120704
推荐阅读
相关标签
  

闽ICP备14008679号