jQuery UI 插件常用方法

jQuery UI 插件中的常用方法，各种特效

1.点击产生爆炸效果

$(document).ready(function(){
	    $('div').click(function(){
        	$(this).effect('explode');
    		});
	});

2.点击反弹效果 times表示反弹的次数，500表示所有时间

$(document).ready(function(){
	    $('div').click(function(){
        	$(this).effect('bounce', {times: 3}, 500);
    		});
	});

3.点击产生滑动的效果

$(document).ready(function(){
	    $('div').click(function(){
        	$(this).effect('slide');
    		});
	});

4.手风琴节的效果

$(document).ready(function() {
	    $("#menu").accordion({collapsible: true, active: false});
	});

5.拖放效果

$(document).ready(function(){
   	 $('#car').draggable();
});

6.可以任意改变div的大小

$(document).ready(function(){
   		 $('div').resizable();
	});

7.选择不同的列表项表现出不同的效果

$(document).ready(function(){
   		$('ol').selectable();
    		$('li').click(function(){
       			$(this).css('border','3px solid red');
       			$('li').not($(this)).css('border', '1px solid black');
    		});
	});

8.对列表进行重新排序

$(document).ready(function(){
   		 $('ol').sortable();
	});

Continue . . .