“封装一个幻灯片函数”
准备封装成jq插件的形式,想想还是算了,包装成一个函数就足够,最关键的问题是真没玩过jq插件。哈哈
优点:
兼容到ie7,代码较小
避免css和js冲突,类名的全部为公共样式,调用幻灯id识别
参数较为完成,基本满足幻灯的各种需求
function miniSlide(imgW, slideBox, len, interval, slideTime, btnEv, autoTurn){
变量说明:
imgW:单个幻灯长度
slidebox: 幻灯片容器
len: 幻灯图片个数
interval: 自动播放时间
slideTime: 手动切换时间
btnEv: 按钮时间类型 click, mouseenter等
autoTurn: 自动播放开关
*/
}
缺点:
不支持移动的滑屏操作
本来对ie低版本准备采用animate效果,高级浏览器用css3实现的,但是这样有一个bug,就是要判断动画的执行完成与否,代码量增加很多,最关键的是我他妈不会判断。以上
mini-slide: