MooTools教程(12):Drag.Move来实现拖放
作者 佚名技术
来源 网页制作
浏览
发布时间 2012-03-07
le: dragHandle,
// Drag.Move事件
onDrop: function(el, dr) {
if (!dr) { }
else {
dropDrop.highlight(''#FB911C''); //橙色闪烁
el.highlight(''#fff''); //白色闪烁
dr.highlight(''#667C4A''); //绿色闪烁
};
},
onLeave: function(el, dr) {
leaveDrop.highlight(''#FB911C''); //橙色闪烁
},
onEnter: function(el, dr) {
enterDrop.highlight(''#FB911C''); //橙色闪烁
},
// Drag事件
onStart: function(el) {
startEl.highlight(''#FB911C''); //橙色闪烁
},
onDrag: function(el) {
dragIndicatorEl.highlight(''#FB911C''); //橙色闪烁
},
onComplete: function(el) {
completeEl.highlight(''#FB911C''); //橙色闪烁
}
});
});
拖动开始
拖动中
拖动结束
进入了Droppable元素
离开了Droppable元素
放进了Droppable元素
控制对象
更多学习……这里是文档中一些相关的章节:
下载一个包含你开始所需要的所有东西的zip包 包含MooTools 1.2核心库、MooTools 1.2扩展库,一个包含你的函数的外部JavaScript文件,一个定义你的样式的外部CSS文件,一个简单的HTML文件和上面的例子。 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
关于MooTools教程(12):Drag.Move来实现拖放的所有评论