移动端滑动插件(原创)

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

 33703  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.slidizle可完全自定义的响应式jQuery幻灯片插件

jQuery.slidizle是一款可完全自定义的响应式jQuery幻灯片插件。该插件只是将一些class类放置到幻灯片的HTML标签中,用户可以通过修改这些class来修改幻灯片的外观。
  幻灯片和轮播图
 36451  380

带缩略图和左右箭头轮播的jquery幻灯片相册特效代码

带缩略图和左右箭头轮播的jquery幻灯片相册特效代码
  幻灯片和轮播图
 47184  591

jquery仿flash漂亮横向图片滚动效果

jquery仿flash漂亮横向图片滚动效果
  幻灯片和轮播图
 34998  343

基于anime.js全屏图片视差旋转切换

基于anime.js制作全屏响应式的图片轮播展示效果
  幻灯片和轮播图
 29334  447

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

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