前端开发的时候,有好多地方用到拖拽效果,当然 http://jqueryui.com/draggable/ 是个不错的选择,but 我是个打破砂锅问到底的人,抽点时间用js小小的实现了类似的插件,话不多说。 first: html和css now,先把主要算...
分类:
Web程序 时间:
2015-03-13 20:18:59
阅读次数:
329
设置元素为可拖放首先,为了使元素可拖动,把 draggable 属性设置为 true :拖动什么 - ondragstart 和 setData()然后,规定当元素被拖动时,会发生什么。在上面的例子中,ondragstart 属性调用了一个函数,drag(event),它规定了被拖动的数据。data...
分类:
Web程序 时间:
2015-03-04 18:35:59
阅读次数:
178
拖放:抓取对象以后拖到另一个位置。在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。1、设置元素为可拖放draggable="true"2、拖动的元素 ondragstart和setData()dataTransfer.setData()方法设置被拖数据的数据类型和值。3、拖到什么地方on...
分类:
其他好文 时间:
2015-03-04 00:59:07
阅读次数:
165
最大化,最小化,是否显示关闭按钮var win_CommonPicLibMultiple = Ext.create("Ext.window.Window", { title: "选择图片", //标题 draggable: false, border: false, ...
//拖拽插件 draggable 拖曳插件 沿x轴拖拽 沿y轴拖拽 //放置插件 dropp...
分类:
Web程序 时间:
2015-02-02 17:40:50
阅读次数:
116
svg.draggable.js是一款基于svg.js的html5 svg拖拽插件。该插件可以使用svg.js生成的svg图像具有拖拽功能,并且可以限制拖拽范围,还可以制作拖拽幻影特效。该插件需要svg.js
v0.11以上版本的支持。
在线演示:http://www.htmleaf.com/Demo/201501311305.html
下载地址:http://www.htmlea...
分类:
Web程序 时间:
2015-02-01 13:33:20
阅读次数:
150
JSfunction imgdragstart(){return false;} for(i in document.images)document.images[i].ondragstart=imgdragstart; CSS(webkit兼容)draggable="fa...
分类:
其他好文 时间:
2015-01-26 13:16:01
阅读次数:
201
十分好用,只需引入必要文件添加标签即可拖拽概述 在任何DOM元素启用拖动功能。通过单击鼠标并拖动对象在窗口内的任何地方移动。 官方示例地址:http://jqueryui.com/demos/draggable/ 所有的事件回调函数都有两个参数:event和ui,浏览器自有event对象,和经过.....
- Draggable 标签 文件拖放99年IE5开始,05后所有浏览器支持(除了opera)Brussels 此时提供的接口var dragStart = function(evt) { evt.dataTransfer.setData('text',evt.target.id); };-...
分类:
Web程序 时间:
2015-01-04 15:03:55
阅读次数:
136
今天用了jq ui的拖动碰撞功能,好不容易看到有详细的API解说,记录如下: Drag me around i can fly! Drop here Resizable Item 1 Item 2 Item 3 Item 4 Item 5 Item 6 Item 7 It...
分类:
Web程序 时间:
2014-12-18 22:13:18
阅读次数:
245