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

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

1.0版本带按钮的滚动效果(left、top)采用的是手动分页,这样做有一个缺点,就是当内容个数不确定的时候,可能会出现下面情况:
理想情况下:内容(图片)个数9,每次滚动3张,所以分页数是3
实际情况:客户只添加了6张图片,每次滚动3张,那么分页应该是2,此时就多出一页!
 
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} )

正确调用结果如下:
js调用:jQuery("#autoPage").slide({ titCell:".hd ul", mainCell:".bd ul",effect:"left",vis:3,scroll:3,autoPlay:true,autoPage:true})
http://www.aseoe.com/ true jQuery图片滑动特效集合[兼容无敌的IE6] http://www.aseoe.com/show-13-777-1.html report 10825.5 SuperSlide 是致力于实现网站统一特效调用的函数,能解决大部分标签切换、焦点图切换等效果,还能多个slide组合创造更多的效果。(兼容ie内核(包括无敌的ie6)、webkit内核、ff、opera等主流浏览器)。1 0版本带
TAG:jQuery 滑动特效
本站欢迎任何形式的转载,但请务必注明出处,尊重他人劳动成果
转载请注明: 文章转载自:爱思资源网 http://www.aseoe.com/show-13-777-1.html
[ 扫一扫,在手机上阅读 ]

[前端插件推荐] Plugin

1 2 3 4
  • jQuery实现逐字逐句显示插件l-by-l.min.js
  • jQuery带方向感知的鼠标滑过图片边框特效插件
  • jQuery HotKeys监听键盘按下事件keydown插件
  • 响应式无限轮播jQuery旋转木马插件
响应式无限轮播jQuery旋转木马插件
web前端开发
爱思资源网 Copyright 2012-2014 Www.Aseoe.Com All rights reserved.(晋ICP备13001436号-1)