查看演示  website  立即下载 插件描述：功能强大的Javript拖拽排序库Sortable，拖拽兼容性好，零依赖 更新时间：2020-05-15 18:19:16 SortableJS 功能强大的JavaScript 拖拽库 特性 安装 npm安装 npm install sortablejs –save bower安装 bower install –save sortablejs script引入 <script src=”../../js/Sortable.min.js”></script> 配置项 var sortable = new Sortable(el, {     group: “name”, // or { name: “…”, pull: [true, false, ‘clone’, array], put: [true, false, array] }     sort: true, // boolean 定义是否列表单元是否可以在列表容器内进行拖拽排序     delay: 0, // number 定义鼠标选中列表单元可以开始拖动的延迟时间；     touchStartThreshold: 0, // px, how many pixels the point should move before cancelling a delayed drag event     disabled: false, // boolean 定义是否此sortable对象是否可用，为true时sortable对象不能拖放排序等功能，为false时为可以进行排序，相当于一个开关；     store: null, // @see Store     animation: 150, // ms, number 单位：ms，定义排序动画的时间     easing: “cubic-bezier(1, 0, 0, 1)”, // Easing for animation. Defaults to null. See https://easings.net/ for examples.     handle: “.my-handle”, // 格式为简单css选择器的字符串，使列表单元中符合选择器的元素成为拖动的手柄，只有按住拖动手柄才能使列表单元进行拖动     filter: “.ignore-elements”, // 过滤器，不需要进行拖动的元素     preventOnFilter: true, //  在触发过滤器`filter`的时候调用`event.preventDefault()`     draggable: “.item”, // 允许拖拽的项目类名     ghostClass: “sortable-ghost”, // drop placeholder的css类名     chosenClass: “sortable-chosen”, // 被选中项的css 类名     dragClass: “sortable-drag”, // 正在被拖拽中的css类名     dataIdAttr: ‘data-id’,     swapThreshold: 1, // Threshold of the swap zone     invertSwap: false, // Will always use inverted swap zone if set to true     invertedSwapThreshold: 1, // Threshold of the inverted swap zone (will be set to swapThreshold value by default)     direction: ‘horizontal’, // 拖拽方向 (默认情况下会自动判断方向)     forceFallback: false, // 忽略 HTML5拖拽行为，强制回调进行     fallbackClass: “sortable-fallback”, // 当使用forceFallback的时候，被复制的dom的css类名     fallbackOnBody: false, // 将cloned DOM 元素挂到body元素上。     fallbackTolerance: 0, // Specify in pixels how far the mouse should move before it’s considered as a drag.     scroll: true, // or HTMLElement     scrollFn: function(offsetX, offsetY, originalEvent, touchEvt, hoverTargetEl) { …     }, // if you have custom scrollbar scrollFn may be used for autoscrolling     scrollSensitivity: 30, // px, how near the mouse must be to an edge to start scrolling.     scrollSpeed: 10, // px     bubbleScroll: true, // apply autoscroll to all parent elements, allowing for easier movement     dragoverBubble: false,     removeCloneOnHide: true, // Remove the clone element when it is not showing, rather than just hiding it     emptyInsertThreshold: 5, // px, distance mouse must be from empty sortable to insert drag element into it     setData: function( /** DataTransfer */ dataTransfer, /** HTMLElement*/ dragEl) {         dataTransfer.setData(‘Text’, dragEl.textContent); // `dataTransfer` object of HTML5 DragEvent     }, […]

 查看演示  website  立即下载 插件描述：常用购物网站商品图分类筛选效果，可以进行图片更换放大，建议使用谷歌浏览器打开 更新时间：2020-05-07 09:56:05 建议使用谷歌浏览器打开，用windows10默认浏览器会出现定位偏差

 查看演示  website  立即下载 插件描述：点击屏幕随机掉落箱子，重力感应下拖动箱子可撞飞其他物品哦！ 直接引入一下三个文件便可直接使用 <link rel=”stylesheet” href=”player.css”> <script src=”js/player.js”></script> <script src=”js/player2.js”></script>

 查看演示  website  立即下载 插件描述：沉稳大气的jquery bootstraps响应式多用途网企业公司类站模板

 查看演示  website  立即下载 插件描述：jQuery bootstrap响应式多用途的app应用程序类网站模板，使用的是Bootstrap 4框架。此模板易于定制，完全响应，支持所有现代浏览器和设备。

 查看演示  website  立即下载 插件描述：cropper是一款使用简单且功能强大的图片剪裁jQuery插件 这款上传头像的demo 是Cropper，html2canvas这俩款插件写的完整demo 包含简单php，头像上传是通过将图片转为64base码，传给后台 后台保存到数据库 

 查看演示  website  立即下载 插件描述：原生JS计算器，简单实用代码注释全。 更新时间：2020-03-20 00:43:58 更新说明：修改了显示样式能更清楚的使用， 更新时间：2020-03-19 10:33:04 计算器功能封装成函数，直接以函数绑定调用，方便使用，代码里有注释简单易懂。

 查看演示  website  立即下载 插件描述：简洁清爽的Bootstrap 4响应式后台管理模板

 查看演示  website  立即下载 插件描述：放多张图，自行调整多图轮播 更新时间：2019-11-22 10:25:57 详细的看一下就能直接使用，即下即用，好用到咩?。

 查看演示  website  立即下载 插件描述：简洁清爽的jquery bootstraps响应式IT类公司网站模板