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

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

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

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

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

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

兼容ie7十来种3d轮播切换效果

 兼容ie7十来种3d轮播切换效果，支持触摸切换，用代码给你flash的感觉
  幻灯片和轮播图
 40880  453

单击图片切换轮播效果

 纯CSS样式，单机第一张图片切换下一张，实现图片切换轮播效果.
  幻灯片和轮播图
 27392  300

jQuery 3d轮播插件flipster.js

 JQuery+css实现图片轮播效果，支持移动端拖动切换。
  幻灯片和轮播图
 64526  542

jquery仿迅雷官方网站全屏响应式轮播图动画特效

 这是一款jquery来制作的仿迅雷官方网站全屏响应式轮播图动画特效。该轮播图特效简单实用，效果时尚大方，且可以兼容ie8浏览器。
  幻灯片和轮播图
 40431  609

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

        恩

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