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

jquery仿QQ音乐精彩推荐的数组方式轮播

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

 41735  482  查看评论 (40)
分享到微信朋友圈
X
jquery仿QQ音乐精彩推荐的数组方式轮播 ie兼容10
 查看演示  立即下载

将图片路径改为自己需要的图片即可。图片移动的速度在style，li，里面的transtion进行更改自动轮播的速度在代码最底下的timer定时器里面进行更改

相关插件-幻灯片和轮播图
查看更多

jQuery轮播图带切换进度显示

 基于jQuery SuperSlide 实现的轮播图带切换进度显示
  幻灯片和轮播图
 21774  225

游戏网站轮播焦点图插件

 仿flash下滑切换js焦点图
  幻灯片和轮播图
 29066  368

jQuery响应式轮播图插件hwSlider

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

vue.js轮播图(原创)

 vue的轮播小插件，vue初学者可以借鉴，代码量很少。
  幻灯片和轮播图
 55080  416

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

    执念 0
    2018/12/20 18:02:04
    绝缘体！ 0
    2018/7/23 15:46:35
    Psyche 0
    2018/6/24 18:09:09
    Insisting。。。 0
    2018/5/7 16:48:50
    BaiCCy 0
    2018/4/24 12:49:31
    迷诺 0
    2018/4/10 14:59:21
    RRR。 1
    2018/3/16 15:27:01
    if (index<0) {
    index=6;
}

    是写死的，项目中应该把6替换成数组cArrLength-1写成活的。
    然后

    $("li").each(function(i,e){
    $(e).removeClass().addClass(cArr[i]);
})

    这句代码会有问题，放在项目中，更本不能保证一个页面只有轮播用到了li标签，需要把li换成

    $(".list ul li")；

    否则会导致切换li标签丢失class；显示不出来图片

        可乐0
        2018/4/4 16:13:04
        css的class他也用的li标签 应该怎么写
    回复
    凌晨丶杨先森灬 0
    2018/1/16 17:58:36

    么有qbi 怎么搞怎么搞

        ?最好的我0
        2018/3/13 12:56:55
        充点，很划算
    回复
    Gsdew 0
    2017/9/26 11:41:31

    请问怎么控制图片的显示数量为5

        苹果橙士多啤梨0
        2017/11/7 18:23:36

        加两个呗

    回复
    yw 0
    2017/8/14 2:48:07
    怎么条这东西的大小
        ωǒ小?潴ㄍ0
        2017/9/7 14:25:31

        恩

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