问题
你想让用户在屏幕上拖曳一个元素。
解决方法
让一个元素可拖曳最简单的方法是加载dd-drag模块，创建一个新的Y.DD.Drag实例，然后配置这个实例在一个特别的节点上工作，如例子3-9所示。
例子3-9：创建一个可拖曳的节点
<!DOCTYPEhtml>
<title>Creatingadraggablenode</title>
<style>
#demo{width:100px;height:100px;border:1px#000solid;background:#d72;}
</style>
<divid="demo"></div>
<scriptsrc="3.5.0/build/yui/yui-min.js"></script>
<script>
YUI().use('dd-drag',function(Y){
vardd=newY.DD.Drag({node:'#demo'});
});
</script>
另外，你可以加载dd-plugin模块并插入Y.Plugin.Drag插件到Node实例上，如例子3-10所示。每个节点暴露一个叫做plug()的方法可以给节点增加额外的行为。插件让你以可逆的、非破坏性的方式给YUI对象添加行为。
例子3-10：用插件创建一个可拖曳的节点
YUI().use('dd-plugin',function(Y){
Y.one('#demo').plug(Y.Plugin.Drag);
});
在YUI中，plugin是一个专
阅读全文地址：
http://book.2cto.com/201305/23810.html
