jQuery UI入門(mén)手冊(cè)，新手必備。

先說(shuō)明一下效果：

基本的鼠標(biāo)互動(dòng)：

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

各種互動(dòng)效果：

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

第一節(jié)：鼠標(biāo)的交互應(yīng)用

1.1 Draggables:拖拽

所需文件：

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

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

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

        

        
        
      
        
it知識(shí)庫(kù)：jQuery UI入門(mén)手冊(cè)，轉(zhuǎn)載需保留來(lái)源！
        
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。