jqueryui中新的addClass方法可以缓慢的添加类，也即是类的添加有一个变化的过程

 

在引入jquery库，和jqueryui库之后：

$(function() {

$( "#button" ).click(function() {

$( "#effect" ).addClass( "newClass", 1000, callback );

});

 

function callback() {

setTimeout(function() {

$( "#effect" ).removeClass( "newClass" );

}, 1500 );

}

});