這篇文章為你介紹27個jQuery插件,使得你的Web前端具備拖放操作的能力。
提供檔案拖放上傳,并顯示上傳進度
另外一個檔案拖放上傳功能的實作。
jqDnR作為jQuery是一個輕量級的,讓你拖、放自如,并且調整其大小的元素插件。這個插件很簡單,重量輕(972位元組),非常容易實作。 能夠讓您的網站更友善使用者使用。
使用一種不同的方式來顯示照片,并可進行拖放操作
很酷的腳本用來對清單進行拖放操作
OneByOne Slider 是一個輕量級的 jQuery 插件,可用來顯示圖檔和文本,使用 CSS3 動畫效果,支援觸摸裝置上的左右滑動,可使用滑鼠拖放操作進行顯示
在表格内對行資料進行拖放
可輕松實作拖放滾動效果的頁面。
一個基于jQuery的拖放插件,易于使用,所有的操作均通過調用draggable進行。
學習如何使用 jQuery 和 jQuery UI 的拖放插件來建立具有拖放效果的 Web 應用,包含一個完整的撲克牌拖放操作示範。
Zoomer! 是一個用來顯示産品清單的工具,内置縮放和拖放功能。
AnimaDrag 允許拖拉的元素具有動畫效果。
這是一個很基本的快速實作拖放操作的教程,可重用以及個性化定制。
這是 jQuery 的事件實作拖放事件模型,開發者無需了解太多拖放的細節。
很有用的插件用于實作皮膚化的容器,支援拖拉、大小更改以及最小化等操作。
可對元素使用拖放操作來更改大小<code></code>
用于在一個可視範圍内滾動一個很大的嵌套層,類似地圖。
輕松實作拖放操作
Adds collision detection to draggable objects. Add “collide: ‘block’” or “collide: ‘flag’” when you create a draggable: <code>$(".box").draggable({collide: 'flag'});</code> or<code>$(".box").draggable({collide: 'block'});</code> In ‘flag’ mode overlapping objects receive new classes – ‘ui-draggable-overlapping’ for the object being dragged and ‘ui-draggable-overlapped’ for the other object. In ‘block’ mode objects are blocked from overlapping other objects by being snapped to the edge of the object they collided with.
一個輕量級的 jQuery 插件,提供拖放排序清單的功能
JQuery.iviewer 是一個用來在一個固定範圍内檢視圖檔的插件,可對圖檔進行縮放以及拖放移動顯示
相冊插件,用于顯示很大的圖檔,通過拖放進行浏覽
實作類似 Google 地圖的拖拉操作。
Drag and drop gallery script with various look and feel options.