09-explode特效

14.1.7　 explode 特效

explode 特效能使元素以碎片的形式突然迸发出来或是消失，就好像爆炸了一样（如图14-7所示）。表14-7中列出了此特效的相关选项。

<script src = jquery.js></script>
<script src = jqueryui/js/jquery-ui-1.8.16.custom.min.js></script>
<link rel=stylesheet type=text/css
　　　 href=jqueryui/css/smoothness/jquery-ui-1.8.16.custom.css />
<img id=img1 src=images/rails.jpg height=100 /><br /> 
<img id=img2 src=images/html.jpg height=100 />
<script>
$("#img1").effect ("explode", { mode : "show" }, 1000); 
$("#img2").effect ("explode", { mode : "hide" }, 1000); 
</script>

| 选项 | 功能 | | :----- | :----- | :----- | :----- | | options.mode | 显示（ "show" ）或隐藏（ "hide" ）元素。默认值为"hide" | | options.pieces | 指定将元素分作几个碎片。默认值为9个 |