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 . . .