两年前写的一个插件,最近又修改了几次,基本的需求都能满足了
使用方法
一共需要3个参数,前两个是必填的,
这两个分别是控制端和内容端的选择器
var setting={ time:3,//切换时间间隔 on:'on',//控制层 css类名 auto:1,//是否自动切换 mode:'normal',//切换模式 normal:普通;fade:淡入淡出;slide:滑动; switchMode:'mouseover',//鼠标切换方式,mouseover鼠标经过时切换,click单击切换 Cmouseover:'none'//当鼠标经过内容区{s2}时,none:无动作,wait:等待,暂停自动切换 } var slobj=$.st(selecter1,selecter2,setting); //slobj 可以对slide进行控制 比如: slobj.slide_to(2)//切换到指定位置 slobj.stop//停止自动切换 slobj.start()//开始自动切换
代码很短,主要是不涉及样式和基本结构
好处是灵活,样式可以自由定义,用li 还是div都行只要选择器写对就行 ;
缺点是繁琐,样式必须自己定义;
具体使用可参考demo