UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

可悬停切换全屏轮播

所属分类：,媒体-幻灯片和轮播图,滑块和旋转

 45800  465  查看评论 (33)
分享到微信朋友圈
X
可悬停切换全屏轮播 ie兼容7
 查看演示  立即下载

js调用方法：

var bannerSlider = new Slider($('#banner_tabs'), {
    time: 5000,
    delay: 400,
    event: 'hover',
    auto: true,
    mode: 'fade',
    controller: $('#bannerCtrl'),
    activeControllerCls: 'active'
});
$('#banner_tabs .flex-prev').click(function() {
    bannerSlider.prev()
});
$('#banner_tabs .flex-next').click(function() {
    bannerSlider.next()
});
相关插件-幻灯片和轮播图,滑块和旋转
查看更多

CSS3全屏3D画布图片切换特效

 CSS3全屏3D画布图片切换特效是一款基于JS+CSS3实现的带左右按钮的控制全屏图片切换代码。
  幻灯片和轮播图
 28600  359

55bbs首页轮播图效果

 jQuery实现55bbs首页轮播图效果
  幻灯片和轮播图
 32048  349

针对移动设备的手动切换插件

 该插件可以将浏览器中的元素集合像卡片一样通过手势切换，在电脑和移动设备上均可使用。
  幻灯片和轮播图
 31238  348

jQuery百叶窗轮播插件Shutter

 兼容至IE8的自适应百叶窗轮播，切换效果多样。
  幻灯片和轮播图
 40707  405

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

    Queen 0
    2018/11/22 14:30:30
    NB~`还是免费下载d・thanks
        Queen0
        2018/11/22 14:53:50
        我想知道图片怎么更换？？
    回复
    hxx 0
    2017/7/19 9:58:53

    支持手机滑动吗

        HJ0
        2017/11/6 15:22:15
        不能用，他的事件写的有问题
    回复
    545 0
    2016/12/8 17:12:20
    〃 祝我快乐 0
    2016/11/16 11:11:46
    为什么用IE浏览器会有蓝色边框 回复
    jack潮鞋?子 0
    2016/10/19 15:10:06
    tuine 0
    2016/10/12 10:10:32
    饭醉份子 0
    2016/9/8 17:09:10
    mode除了用fade还有其他的吗？？？急 回复
    暖晴 0
    2016/4/18 15:04:03
    多谢楼主分享！！个人感觉图片上的悬停比控制点上的悬停方便点。
        ＜欣ル|。0
        2018/9/18 15:30:14
        放到图片上怎么悬停啊
    回复
    ~~小Ling~~ 0
    2015/12/24 17:12:28
    zdcatherine 0
    2015/12/10 15:12:52

    fade换成slide用不了呀 只能用fade

    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复