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

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

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

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

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

jQuery手机响应式设计焦点图

jQuery手机响应式设计焦点图
  幻灯片和轮播图
 42100  405

基于jquery的轻量级无缝轮播插件(原创)

一款轻量级的无缝轮播插件,可根据浏览器大小自适应宽高。
  幻灯片和轮播图
 38356  354

jQuery轮播图切换插件slick.js

slick.js实现图片轮播图渐隐切换动画特效,支持移动端滑动切换
  幻灯片和轮播图
 58362  362

jQuery幻灯插件

号称世界最棒的jQuery幻灯插件 16种幻灯变化的特效 简单并且配置灵活 体积小并且符合语义
  幻灯片和轮播图
 31997  367

讨论这个项目(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

    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复