所有效果說明：
基本的滑鼠互動：
拖拽(drag and dropping)、排序(sorting)、選擇(selecting)、縮放(resizing)
各種互動效果：
手風琴式的摺疊選單(accordions)、日曆(date pickers)、對話方塊(dialogs)、滑動條
(sliders)、**排序(table sorters)、頁籤(tabs)
放大鏡效果(magnifier)、陰影效果(shadow)
第一部分：滑鼠互動
1.1 draggables:拖拽
所需檔案：
ui.mouse.js
ui.draggable.js
ui.draggable.ext.js
用法：檔案載入後，可以拖拽class = "block"的層
$(document).ready(function());
draggable(options)可以跟很多選項
選項說明：
選項例項：
1.2 droppables
所需要檔案，drag drop
ui.mouse.js
ui.draggable.js
ui.draggable.ext.js
ui.droppable.js
ui.droppable.ext.js
用法：$(document).ready(function());
$(".drop").droppable(
});});
選項說明：
選項例項：
1.3 sortables 排序
所需要的檔案
jquery.dimensions.js
ui.mouse.js
ui.draggable.js
ui.droppable.js
ui.sortable.js
用法：$(document).ready(function());
});dimensions文件
選項說明：
選項例項：
1.4 selectables 選擇
所需要的檔案
jquery.dimensions.js
ui.mouse.js
ui.draggable.js
ui.droppable.js
ui.selectable.js
用法：$(document).ready(function());
選項說明：
選項例項：
1.5 resizables改變大小
所需要的檔案 ，此例子需要幾個css檔案
jquery.dimensions.js
ui.mouse.js
ui.resizable.js
用法：$(document).ready(function());
css檔案：
選項說明：
選項例項：
第二部分：互動效果
2.1 accordion 摺疊選單
所需要的檔案:
ui.accordion.js
jquery.dimensions.js
用法：$(document).ready(function());
css檔案：
選項說明：
選項例項：
2.2 dialogs 對話方塊
所需要的檔案：
jquery.dimensions.js
ui.dialog.js
ui.resizable.js
ui.mouse.js
ui.draggable.js
用法：$(document).ready(function());
css檔案：
選項說明：
選項例項：
2.3 sliders 滑動條
所需要的檔案
jquery.dimensions.js
ui.mouse.js
ui.slider.js
用法：$(document).ready(function());
css檔案：
選項說明：
選項例項：
2.4 tablesorter**排序
所需要的檔案
ui.tablesorter.js
用法：$(document).ready(function());
});css檔案：
選項說明：
選項例項：
2.5 tabs頁籤(對ie支援不是很好)
所需要的檔案
ui.tabs.js
用法：$(document).ready(function());
css檔案：
選項說明：
選項例項：
tabs ext
第三部分：效果
3.1 shadow 陰影
例項3.2 magnifier 放大
例項
jquery外掛程式 自由拖拽
最近工作不是很忙，學習之餘想整理一些 出來，首先想到的就是是js拖拽。兩年前去某公司面試的時候，曾經被問過這個問題，如何在頁面上拖放元素，儘管現在看起來很簡單，但當時的我半點思路都沒有，面試想當然失敗了。這兩天趁空閒整理出乙個自由拖拽的jquery外掛程式 jquery.jsdrag.js。js拖拽...
jquery實現拖拽以及jquery監聽事件的寫法
我先不對監聽事件做解釋，我們先來看下jquery的一些寫法吧！我們最常用的是jquery的css 方法，相信大家都會用！假如用css設定乙個屬性，我們寫法如下 haorooms css width 100px 假如多個屬性呢？我們寫法如下 demo css 把他們放到乙個物件裡面！看了上面的例子，大...
Jquery彈出層外掛程式和拖拽外掛程式的結合使用範例
因為工作需要開發了乙個拖拽外掛程式,於是乎順手寫個彈出層吧 另外把拖拽外掛程式也呼叫進來讓他能控制拖動.通過動畫你會發現其實這個層剛開始是不能拖動的,只有點選了 canmove 才能拖動,當然了這只是乙個高階應用例項,實際應用中我們可以讓他不需要點選就可以拖拽.另外這個層有乙個 函式.自己研究 吧,...