swiper实现跑马灯轮播图

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

 18959  73  查看评论 (1)
分享到微信朋友圈
X
swiper实现跑马灯轮播图 ie兼容8

更新时间:2021-05-11 21:36:00

swiper轮播图的配置可以根据自己功能去配置     

var mySwiper = new Swiper('.mn-swiper', {
    autoplay: true,
    touchRatio: 1,
    speed: 3000, //匀速时间      
    loop: true,
    freeMode: true, //设置为true则变为free模式      
    slidesPerView: 4,
    slidesPerGroup: 1,
})


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

jQuery轮播图插件slide.js

基于jQuery拓展的轮播插件,使用方便简单,只用一句代码自动加载,方便交互
  幻灯片和轮播图
 65364  378

jquery响应式幻灯片

jquery响应式幻灯片
  幻灯片和轮播图
 46219  353

jQuery轮播图/内容滑块插件Quake Slider

jQuery轮播图插件Quake Slider提供了24种过渡效果。
  幻灯片和轮播图
 35304  409

支持触屏的响应式带左右按钮的焦点图插件

jQuery触屏的响应式焦点图插件royalslider
  幻灯片和轮播图
 29166  376

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

    随风 0
    2025/6/3 10:04:09
    卡顿怎么要怎么处理 回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复