日本xxxx18视频在线观看-日本xxxx1819-日本xxxwww在线观看-日本xxx-日本xx-日本www在线视频

如果你有用javascript寫過拖動(dòng)的話，應(yīng)該知道是有多么麻煩的，不過yui3為大家提供了一個(gè)非常方便的方法實(shí)現(xiàn)拖動(dòng)，今天我們先來(lái)看看使用yui3實(shí)現(xiàn)最簡(jiǎ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>

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