jQuery图片滑动特效集合[兼容无敌的IE6]

导语 SuperSlide 是致力于实现网站统一特效调用的函数,能解决大部分标签切换、焦点图切换等效果,还能多个slide组合创造更多的效果。(兼容ie内核(包括无敌的ie6)、webkit内核、ff、opera等主流浏览器)。1 0版本带
博学谷
SuperSlide 是致力于实现网站统一特效调用的函数,能解决大部分标签切换、焦点图切换等效果,还能多个slide组合创造更多的效果。(兼容ie内核(包括无敌的ie6)、webkit内核、ff、opera等主流浏览器)。

1.0版本带按钮的滚动效果(left、top)采用的是手动分页,这样做有一个缺点,就是当内容个数不确定的时候,可能会出现下面情况:
理想情况下:内容(图片)个数9,每次滚动3张,所以分页数是3
实际情况:客户只添加了6张图片,每次滚动3张,那么分页应该是2,此时就多出一页!
 
  • 1
  • 2
  • 3
js调用:jQuery(".leftLoop").slide( { mainCell:".bd ul",effect:"leftLoop",vis:3,scroll:3,autoPlay:true} );
针对上述情况,1.2新增了autoPage让系统自动分页,兼容1.0,如果以前项目应用了SuperSlide,那么直接覆盖代码即可。
使用方法:需结合 titCell 使用,如果开启autoPage:true,此时titCell要指定为分页按钮的父层,因为系统会自动往titCell里面添加分页html!
例如:
手动分页调用为:
jQuery(".leftLoop").slide( { titCell:".hd ul li", mainCell:".bd ul",effect:"leftLoop",vis:3,scroll:3,autoPlay:true} )
开启autoPage后:jQuery(".leftLoop").slide( { titCell:".hd ul", mainCell:".bd ul",effect:"leftLoop",vis:3,scroll:3,autoPlay:true,autoPage:true} )
jquery
正确调用结果如下:
  • 1
  • 2
js调用:jQuery("#autoPage").slide({ titCell:".hd ul", mainCell:".bd ul",effect:"left",vis:3,scroll:3,autoPlay:true,autoPage:true})
https://www.nucmc.com/ true jQuery图片滑动特效集合[兼容无敌的IE6] https://www.nucmc.com/show-13-777-1.html report 10825.5 SuperSlide 是致力于实现网站统一特效调用的函数,能解决大部分标签切换、焦点图切换等效果,还能多个slide组合创造更多的效果。(兼容ie内核(包括无敌的ie6)、webkit内核、ff、opera等主流浏览器)。1 0版本带
TAG:jQuery 滑动特效
本站欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明: 文章转载自:BETWAY官网网 https://www.nucmc.com/show-13-777-1.html
BETWAY官网网 Copyright 2012-2014 www.nucmc.com All rights reserved.(晋ICP备13001436号-1)