如果你有用javascript寫過拖動(dòng)的話，應(yīng)該知道是有多么麻煩的，不過yui3為大家提供了一個(gè)非常方便的方法實(shí)現(xiàn)拖動(dòng)，今天我們先來看看使用yui3實(shí)現(xiàn)最簡單拖動(dòng)，首先貼出代碼（如果你感興趣，可以點(diǎn)擊這里查看效果）：上面我有相應(yīng)的解釋，這些解釋都是我的個(gè)人理解，可能不完全對(duì)，但是這樣就可以實(shí)現(xiàn)拖動(dòng)了，如果你有正確的解釋，請(qǐng)與我聯(lián)系，謝謝！或者請(qǐng)留言。

//引用yui-min.js，將其放到head之中<script src=“http://yui.yahooapis.com/3.0.0pr2/build/yui/yui-min.js” type=“text/javascript”></script>//body中的內(nèi)容//結(jié)構(gòu)<div id=“demo”><h2>x</h2>drag me</div>//js代碼<script type=“text/javascript”>yui().use(‘dd’,function(y) {var node = y.get(‘#demo’);//使用y.get獲取id為demo的對(duì)象，與原生js中的document.getelementbyid()相同，功能會(huì)更強(qiáng)一些。node.plug(y.plugin.drag);//我的理解是確定被拖動(dòng)的對(duì)象node.dd.addhandle(‘h2′);//用于控制拖動(dòng)的地方，這里就是當(dāng)鼠標(biāo)移到h2上的時(shí)候就可以拖動(dòng)node.dd.addhandle(”);//這樣寫的話，就是在demo的任何位置都可拖動(dòng)});</script>