- 时间:2021-06-08 17:26 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:MooTools 1.2中的Drag.Move来实现拖放
它的使用和我们见过的其他的插件类似:首先你使用“new”关键字来创建一个Drag.Move对象并赋值给一个变量,然后你再定义你的选项和事件。这就是全部要做的事情,不过你一定要注意一下下面的例子中描述的IE的CSS怪异现象。
基本用法
Drag.Move
创建你自己的拖动对象非常的容易。稍微看一下下面的例子就行了。注意一下我们是怎么把我们的Drag.Move对象的选项和事件从我们的Drag选项和事件中分离出来的。Drag.Move类扩展了Drag类,因此它可以接受Drag类的选项和事件。今天我们并不打算特别地讲一讲Drag类,不过我们还是要研究一下一些有用的选项和事件。看一下下面的代码,然后学习一下其中的细节。
参考代码:
[url=http://docs.mootools.net/Plugins/Drag]Drag[/url]
[*][url=http://docs.mootools.net/Plugins/Drag.Move]Drag.Move[/url][/*][/list]
[b][url=http://www.consideropen.com/downloads/30days_of_moo/mootorial_day12_dragdrop.zip]下载一个包含你开始所需要的所有东西的zip包[/url][/b]
包含MooTools 1.2核心库、MooTools 1.2扩展库,一个包含你的函数的外部JavaScript文件,一个定义你的样式的外部CSS文件,一个简单的HTML文件和上面的例子。