web299.com
全部
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
首页
教育
语言/资格考试
法律
互联网
政务民生
Word模板
Excel模板
PPT模板
网页特效
小程序模板
网站模板
当前位置：
首页
>
网页特效
>
svg
高性能HTML和SVG元素拖拽js插件plain-draggable
分类：
svg
日期：
2024-05-14
点击(0)
评论(0)
演 示
免费下载
简介
在页面中引入plain-draggable.min.js文件。 ```html <script src="plain-draggable.min.js" type="text/javascript"></script> ``` ##### HTML结构 可以在任何HTML元素或SVG元素上使用该插件，例如div，span，circle等。 通过下面的方法将一个元素转换为可以进行拖拽的元素。 ```html draggable = new PlainDraggable(element); ``` 默认情况下，被拖拽的元素会被限制在它的父元素中： ```html <div style="background-color: gray;"> <div id="draggable">可拖拽元素</div> </div> ``` 上例中，div id="draggable"可以在灰色的父容器中进行拖拽。 你还可以指定一个网格，让被拖拽的元素吸附到网格上。 ```html draggable.snap = {step: 30}; ``` ##### 构造函数 ```html draggable = new PlainDraggable(element[, options]) ``` element参数可以是任意的HTML元素或SVG元素。对于这些元素，只要它们是有边界的（bounding-box）的就可以，对于一些无边界的元素，例如<g>元素，是不能进行拖拽的。 options参数是配置参数。 关于plain-draggable插件的详细参数和方法的介绍，请移步这里。
相关推荐
html5浪漫粒子表白文字特效
SlidesJS幻灯片特效
html5瀑布流相册特效
css3 svg实现的情人节表白鲜花动画特效
t-scroll.js基于ES6的DOM元素,过渡动画库插件
纯js写省市区三级联动效果
广告
广告
