Explode Effect
说明:爆炸效果通过将元素拆分成小块来隐藏或显示元素。
-
explode
-
pieces(默认:
9
)类型:Integer爆炸的数量应该是一个完美的正方形,任何其他值都四舍五入到最接近的正方形。
-
例子:
使用爆炸效果切换 div。
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>explode demo</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/smoothness/jquery-ui.css">
<style>
#toggle {
width: 100px;
height: 100px;
background: #ccc;
}
</style>
<script src="//code.jquery.com/jquery-1.12.4.js"></script>
<script src="//code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
<p>Click anywhere to toggle the box.</p>
<div id="toggle"></div>
<script>
$( document ).click(function() {
$( "#toggle" ).toggle( "explode" );
});
</script>
</body>
</html>
演示:
相关用法
- JQuery Effect fadeOut()用法及代码示例
- JQuery Effect show()用法及代码示例
- JQuery Element Selector (“element”)用法及代码示例
- JQuery Mobile Popup initSelector用法及代码示例
- JQuery Mobile Collapsibleset disabled用法及代码示例
- JQuery UI Datepicker prevText用法及代码示例
- JQuery ajaxError()用法及代码示例
- JQuery Mobile Selectmenu defaults用法及代码示例
- JQuery UI Tabs event用法及代码示例
- JQuery UI Selectable appendTo用法及代码示例
- JQuery UI :focusable Selector用法及代码示例
- JQuery UI Selectmenu disabled用法及代码示例
- JQuery UI Button classes用法及代码示例
- JQuery .jquery用法及代码示例
- JQuery .scroll()用法及代码示例
- JQuery UI Draggable snapMode用法及代码示例
- JQuery each()用法及代码示例
- JQuery Mobile Toolbar hide用法及代码示例
- JQuery UI Tabs option用法及代码示例
- JQuery UI Buttonset widget用法及代码示例
- JQuery .add()用法及代码示例
- JQuery Mobile Popup dismissible用法及代码示例
- JQuery UI Accordion classes用法及代码示例
- JQuery .contextmenu()用法及代码示例
- JQuery UI Accordion heightStyle用法及代码示例
注:本文由纯净天空筛选整理自jqueryui.com大神的英文原创作品 Explode效果。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。