JQuery实现拖拽效果及相关拖拽插件(2)

1.4 Selectables 选择
所需要的文件
jquery.dimensions.js
ui.mouse.js
ui.draggable.js
ui.droppable.js
ui.selectable.js
用法：
$(document).ready(function(){
    $("#myList").selectable();
});
选项说明：http://docs.jquery.com/UI/Selectables/selectable#options
选项实例：http://dev.jquery.com/view/trunk/plugins/ui/tests/selectable.html

1.5　Resizables改变大小
所需要的文件　，此例子需要几个css文件
jquery.dimensions.js
ui.mouse.js
ui.resizable.js
用法：
$(document).ready(function(){
    $("#example").resizable();
});
CSS文件：http://dev.jquery.com/view/trunk/themes/flora/flora.all.css
选项说明：http://docs.jquery.com/UI/Resizables/resizable#options
选项实例：http://dev.jquery.com/view/trunk/plugins/ui/demos/ui.resizable.html

第二部分：互动效果
2.1 Accordion 折叠菜单
所需要的文件:
ui.accordion.js
jquery.dimensions.js
用法：
$(document).ready(function(){
    $("#example").accordion();
});
CSS文件：http://dev.jquery.com/view/trunk/themes/flora/flora.all.css
选项说明：http://docs.jquery.com/UI/Accordion/accordion#options
选项实例：http://dev.jquery.com/view/trunk/plugins/accordion/?p=1.1.1
2.2 dialogs 对话框
所需要的文件：
jquery.dimensions.js
ui.dialog.js
ui.resizable.js
ui.mouse.js
ui.draggable.js

用法：
$(document).ready(function(){
    $("#example").dialog();
});
CSS文件：http://dev.jquery.com/view/trunk/themes/flora/flora.all.css
选项说明：http://docs.jquery.com/UI/Dialog/dialog#options
选项实例：http://dev.jquery.com/view/trunk/plugins/ui/tests/dialog.html

2.3 sliders 滑动条
所需要的文件
jquery.dimensions.js
ui.mouse.js
ui.slider.js

用法：
$(document).ready(function(){
    $("#example").slider();
});

CSS文件：http://dev.jquery.com/view/trunk/themes/flora/flora.all.css
选项说明：http://docs.jquery.com/UI/Slider/slider#options
选项实例：http://dev.jquery.com/view/trunk/plugins/ui/demos/ui.slider.html