jquery,插件,jquery.nicescroll,图片,拖拽
web前端-js教程
本文实例讲述了jquery插件jquery.nicescroll实现图片无滚动条左右拖拽的方法。分享给大家供大家参考。具体如下：nz付费下载源码个人版,ubuntu链接无线键盘,爬虫获取疫情数据,共享php,seo术语 排名lzw
这里介绍jQuery图片左右拖拽特效，无滚动条，将多张图片组合在一起形成的效果，插件使用的是jquery.nicescroll.js，拖动过程中不会出现滚动条，这样更美观了一些，若需要此效果，可参见下边框中的代码。超级玛丽中文版源码html,ubuntu pip安装源,怎么运行两个tomcat,真假爬虫识别,php暂停10秒再执行,草根seo日常lzw
运行效果截图如下：选秀源码,vscode怎么生成网页,ubuntu如何设置,Tomcat迁移部署,sqlite时间戳获取小时,抖音看播任务爬虫软件,php 分享微博,SEO优的意思,日用品网站源程序,无边框 网页,ecsmart模板lzw
具体代码如下：jquery.nicescroll无滚动条左右拖拽 *{ margin:0; padding:0; list-style:none;}img{ border:none;}#boxscroll {height: 313px;width: 900px;margin:0 auto;overflow: auto;}#boxscroll div {width:12570px;}#boxscroll div img {float:left;}.row {background:#FFFFCC;}.row2 {background:#66CCFF;} $(document).ready(function() { var nicesx = $("#boxscroll").niceScroll("#boxscroll div",{touchbehavior:true,cursorcolor:"#FF00FF",cursoropacitymax:0.6,cursorwidth:24,usetransition:true,hwacceleration:true,autohidemode:"hidden"}); });