Explode Effect · jQuery UI API 中文文档

# Explode Effect # Explode Effect 分类: [特效](effects.html "View all posts in Effects") **描述:** 爆炸特效通过将元素分拆成若干片来隐藏或显示一个元素。 - #### explode - **pieces** (默认值: `9`)类型: [整型](http://api.jquery.com/Types/#Integer)要分裂的数量，应该是一个完全平方数,任何其它值都会被四舍五入转换为最接近的完全平方数。 ## 例子: #### 使用分裂特效切换显示div。 ``` <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title>explode demo</title> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> <style> #toggle { width: 100px; height: 100px; background: #ccc; } </style> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script> </head> <body> <p>点击任何区域来切换显示div。</p> <div id="toggle"></div> <script> $( document ).click(function() { $( "#toggle" ).toggle( "explode" ); }); </script> </body> </html> ```