移动端滑动插件(原创)

所属分类:媒体-幻灯片和轮播图,滑块和旋转

 33760  307  查看评论 (0)
分享到微信朋友圈
X
移动端滑动插件(原创) ie兼容12

注:请在移动端查看效果,PC端预览无效果

使用方法

引用jquery和leftScroll.js,leftScroll.css

<link rel="stylesheet" href="css/leftScroll.css">
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script> 
<script src="script/leftScroll.js"></script>

html结构

<div class="leftScroll">
    <ul class="leftScroll_container">
      <li class="leftScroll_picBox"> <a href=""> <img class="leftScroll_picBox_img" src="./img/shop.png" alt=""> </a> </li>
      <li class="leftScroll_picBox"> <a href=""> <img class="leftScroll_picBox_img" src="./img/shop2.png" alt=""> </a> </li>
      <li class="leftScroll_picBox"> <a href=""> <img class="leftScroll_picBox_img" src="./img/shop3.png" alt=""> </a> </li>
      <li class="leftScroll_picBox"> <a href=""> <img class="leftScroll_picBox_img" src="./img/shop4.png" alt=""> </a> </li>
      <li class="leftScroll_picBox"> <a href=""> <img class="leftScroll_picBox_img" src="./img/shop5.png" alt=""> </a> </li>
    </ul>
  </div>

js调用

 $(".leftScroll").leftScroll();
相关插件-幻灯片和轮播图,滑块和旋转

jQuery轮播图带切换进度显示

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

jQuery仿腾讯图片新闻组图幻灯

jQuery仿腾讯图片新闻组图幻灯
  幻灯片和轮播图
 34958  410

jQuery超酷响应式圆形图片轮播图特效

jQuery超酷响应式圆形图片轮播图,幻灯片,焦点图特效
  幻灯片和轮播图
 39596  410

强大的照片浏览工具

view.js viewer是一款功能强大的图片查看器jQuery插件
  幻灯片和轮播图
 38175  433

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

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