插件描述：一屏 一张半图 左右无限滑动
注：请在移动端查看效果，PC端预览无效果
使用方法
引用jquery和leftScroll.js,leftScroll.css
1 2 3 | <link rel="stylesheet" href="css/leftScroll.css"><script src="script/leftScroll.js"></script> |
html结构
1 2 3 4 5 6 7 8 9 | <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调用
1 | $(".leftScroll").leftScroll(); |
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： vue实现自定义菜单
- 下一个特效： 原生Javript+面向对象的贪吃蛇小游戏