jQuery焦点轮播图

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

 14256  51  查看评论 (5)
分享到微信朋友圈
X
jQuery焦点轮播图 ie兼容12

更新时间:2021-12-12 22:12:30

更新说明:修改轮播抖动问题


更新时间:2021-12-02 00:47:08

使用方法

引入jquery,引入mySlider.js文件

<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="js/mySlider.js"></script>

结构相同,类名可以随意更改

new Slider({
    oSliderWrap: $('.J_sliderWrap'),
    sliderItems: $('.item'),
    yuan: $('.yuan'),
    yuanItems: $('.yuan-item'),
    btnGroupLeft: $('.btn-left'),
    btnGroupRight: $('.btn-right')
}).init();
相关插件-幻灯片和轮播图

原生JS响应式无限循环轮播图(原创)

一个简单的原生JS轮播图,响应式的,动画效果靠的是transfm,如果大佬改一下说不定就可以兼容IE8、9了
  幻灯片和轮播图
 41702  374

jquery百度经验信息浏览翻页效果代码

基于jquery分步骤展示信息
  幻灯片和轮播图
 12357  187

非全屏轮播banner图

非全屏轮播banner
  幻灯片和轮播图
 33953  360

好玩的蹦床效果轮播图

一个有趣的内容导航效果,使用可拖动的弹性堆栈和Snap.svg动画像蹦床一样的背景形状。
  幻灯片和轮播图
 23772  360

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

    VISSONIC议朗_燕辉 0
    2022/3/31 18:10:26
    大佬,这个轮播小点点在悬停时画面会白屏或者半透明,这种怎么解决,可以修复下bug吗,非常需要🌹
        getter0
        2022/3/31 19:13:52
        你不说我没发现
        getter1
        2022/3/31 19:17:46
        //图片切换
        _slideAction: function(idx) {
            this.sliderItems.eq(idx).stop(true, true).fadeIn(500)
                .siblings().stop(true, true).fadeOut(500);
            this.yuanItems.eq(idx).addClass('cur')
                .siblings().removeClass('cur');
        },

        stop里面添加两个参数 ,都为true,应该就可以了
        第一个参数表示规定是否停止被选元素的所有加入队列的动画。
        第二个参数表示规定是否允许完成当前的动画。

    回复
    天河 0
    2022/3/21 15:16:03
    不支持IE?
        getter0
        2022/3/31 19:18:11
        没写😥
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复