Drag & Drop(拖放) 效果若是應用得當可以讓 UI 操作更直覺簡單,目前最常見的大概就是對項目作排序,或是像購物車將物體從某區塊移到另一區塊。
網路上雖然有很多 Drag & Drop 的範例,但有些過於複雜或是不夠完整,前陣子為了交作業嘗試用 jQuery+jQuery UI 做了一個簡單的 Demo,果然快速、簡潔、流暢,不得不再次向大家推薦 jQuery 啊!
Demo 網址:http://blog.linym.net/demo/jquery/jquery_DragDrop.html

Ajax, 程式筆記, 網頁設計
Drag and Drop, JavaScript, jQuery, UI
jQuery 是個不錯的 JavaScript library,可以省略不少繁瑣的細節,且檔案大小又不大,最近都用它來開發網頁。同時也注意到了一些好用的 Plugin,主要是應用在 Ajax 上,有現成又好用的就不用再自己寫囉!
- Validation
可用來做即時欄位驗證
- History
無法回上一頁算是 Ajax 的一項缺點,用這個 plugin 可以做出回上頁的效果
- jEditable
提供就地編輯(Edit In Place)的功能
- ajaxFileUpload
利用隱藏 iframe 達到不換頁上傳檔案
- Ajax File Manager
加強 tinymce 這個線上編輯器,可瀏覽檔案及上傳檔案
- Interface
提供非常大量的動態效果,必試。
- Form
使用 Ajax 送出表單資料
Ajax, 程式筆記
Ajax, JavaScript, jQuery, Web 2.0
近期迴響