jQuery UI入門手冊，新手必備。

先說明一下效果：

基本的鼠標互動：

拖拽(drag and dropping)、排序(sorting)、選擇(selecting)、縮放(resizing)

各種互動效果：

手風琴式的折疊菜單(accordions)、日歷(date pickers)、對話框(dialogs)、滑動條(sliders)、表格排序(table sorters)、頁簽(tabs)、放大鏡效果(magnifier)、陰影效果(shadow)

第一節(jié)：鼠標的交互應用

1.1 Draggables:拖拽

所需文件：

ui.mouse.js
ui.draggable.js
ui.draggable.ext.js

用法：文件載入后，可以拖拽class = “block”的層

$(document).ready(function(){
$(”.block”).draggable();
});
draggable(options)可以跟很多選項
選項說明：http://docs.jquery.com/UI/Draggables/draggable#options
選項實例：http://dev.jquery.com/view/trunk/plugins/ui/tests/draggable.html        

        

        
        
      
        
it知識庫：jQuery UI入門手冊，轉載需保留來源！
        
鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯(lián)系我們修改或刪除，多謝。