移动端滑动插件(原创)

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

 3166  10  查看评论 (0)
移动端滑动插件(原创) 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();
相关插件-幻灯片和轮播图,滑块和旋转

bootslider响应bootstrapcss3触屏滑块轮播图

bootslider响应bootstrapcss3触屏滑块轮播图
  幻灯片和轮播图
 10395  89

jquery响应式幻灯片

jquery响应式幻灯片
  幻灯片和轮播图
 19475  55

图片标题轮播

幻灯片插件,它非常小巧,压缩后仅 1.34KB,功能也不算丰富,圆点控制、自动播放。
  幻灯片和轮播图
 13771  121

Jquery轮播图

简洁大气轮播图插件,可控制点击切换或者移至切换。代码逻辑清晰,便于学习。授人以鱼不如授人以渔。
  幻灯片和轮播图
 16816  52

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

取消回复