蓝冠官网-蓝冠公司|蓝冠招商注册-蓝冠开户
蓝冠官网(主管Q374919)

js拖拽排序插件Sortable

js拖拽排序插件Sortable

 查看演示  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     }, […]

2020-05-27
仿某猫购物悬停在图片上有放大的效果(原创)

仿某猫购物悬停在图片上有放大的效果(原创)

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

2020-05-25
蓝冠客户端软件下载_HTML5重力下落积木小游戏

蓝冠客户端软件下载_HTML5重力下落积木小游戏

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

2020-05-23
jquery bootstraps响应式多用途网站模板

jquery bootstraps响应式多用途网站模板

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

2020-05-23
蓝冠公司首页_jQuery bootstrap响应式app应用程序类网站模板

蓝冠公司首页_jQuery bootstrap响应式app应用程序类网站模板

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

2020-05-21
jquery头像上传剪裁插件cropper

jquery头像上传剪裁插件cropper

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

2020-05-11
原生JS计算器

原生JS计算器

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

2020-05-05
蓝冠客户端软件下载_基于Bootstrap 4响应式后台管理模板

蓝冠客户端软件下载_基于Bootstrap 4响应式后台管理模板

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

2020-05-02
蓝冠注册专利jquery_jQuery滑动轮播图

蓝冠注册专利jquery_jQuery滑动轮播图

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

2020-04-25
蓝冠代理_jquery bootstraps响应式IT类公司网站模板

蓝冠代理_jquery bootstraps响应式IT类公司网站模板

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

2020-04-22