43-解决方案

7.10.2　解决方案

从http://jquery-cookbook.com/go/jqueryui-download下载jQuery UI程序库。该程序库可以在jQuery包含语句之后包含，以使用新的插件。

在这个解决方案中，添加一个额外的按钮显示两种特效，并且在CSS中添加一个新类。

1．CSS

.big {
　 font-size: 400%;
　 width: 500px;
　 height: 500px;
　 line-height: 100%;
}

2．jQuery

$(document).ready(function () {
　 $('#animate').click(function () {
　　　$('.box').toggleClass('big', 2000);
　 });
　 $('#effect').click(function () {
　　　$('.box').effect('explode', null, 2000);
　 });
});