JS技巧:使用yui3實現最簡單拖動
當前位置:點晴教程→知識管理交流
→『 技術文檔交流 』
如果你有用javascript寫過拖動的話,應該知道是有多么麻煩的,不過yui3為大家提供了一個非常方便的方法實現拖動,今天我們先來看看使用yui3實現最簡單拖動,首先貼出代碼(如果你感興趣,可以點擊這里查看效果):上面我有相應的解釋,這些解釋都是我的個人理解,可能不完全對,但是這樣就可以實現拖動了,如果你有正確的解釋,請與我聯系,謝謝!或者請留言。 //引用yui-min.js,將其放到head之中 <script src=“http://yui.yahooapis.com/3.0.0pr2/build/yui/yui-min.js” type=“text/javascript”></script> //body中的內容 //結構 <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()相同,功能會更強一些。 node.plug(Y.plugin.Drag);//我的理解是確定被拖動的對象 node.dd.addHandle(‘h2′);//用于控制拖動的地方,這里就是當鼠標移到h2上的時候就可以拖動 node.dd.addHandle(”);//這樣寫的話,就是在demo的任何位置都可拖動 }); </script> 附件:yui-min.rar 該文章在 2010/8/17 22:52:22 編輯過 |
關鍵字查詢
相關文章
正在查詢... |