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

//引用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的對象，與原生js中的document.getElementById()相同，功能會更強(qiáng)一些。
node.plug(Y.plugin.Drag);//我的理解是確定被拖動的對象
node.dd.addHandle(‘h2′);//用于控制拖動的地方，這里就是當(dāng)鼠標(biāo)移到h2上的時(shí)候就可以拖動
node.dd.addHandle(”);//這樣寫的話，就是在demo的任何位置都可拖動
});
</script>

該文章在 2010/8/17 22:52:22 編輯過