jquery 幻灯片以及tabs切换插件

所属分类:媒体-幻灯片和轮播图

 28350  355  查看评论 (8)
分享到微信朋友圈
X
jquery 幻灯片以及tabs切换插件 ie兼容8

两年前写的一个插件,最近又修改了几次,基本的需求都能满足了


使用方法

一共需要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


相关插件-幻灯片和轮播图
  幻灯片和轮播图
 55377  450

jQuery响应式轮播图插件hwSlider

jQuery响应式轮播图插件hwSlider,支持移动端触屏滑动,同时还兼容低版本ie浏览器。
  幻灯片和轮播图
 42791  388

js商品详情轮播图

产品组图展示,自动轮播图
  幻灯片和轮播图
 39021  367

jQuery和css3简单实用的背景幻灯片插件

这是一款非常简洁和实用的jQuery和css3 幻灯片插件。
  幻灯片和轮播图
 31964  323

讨论这个项目(8)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    0
    2017/10/16 18:35:20

    其中有两个轮播一开始显示时下标1,图却是最后一张图。

        零下℃壹度ゆ0
        2018/1/2 11:29:01
        这样和上面的好区分
    回复
    0
    2017/10/15 15:51:08

    最后一个不能自动轮播,有点可惜。

    回复
    Sheng_yu 0
    2017/8/15 16:26:15
    Kirigiri Kyoko 0
    2016/9/19 15:09:13
    Tt 0
    2016/9/5 0:09:32
    MLF4 0
    2016/5/19 13:05:08
    很不错的一个轮播插件 回复
    爱国者 0
    2016/4/12 20:04:39
    不错的帖子 赞一个 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复