当使用它的元素具有由百分比定义的宽度/高度时,我似乎无法使jQuery爆炸效果起作用。它不是分成碎片,而是从屏幕左侧进出/向内浮动。
示例:
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.3/jquery-ui.js" type="text/javascript"></script>
<style type="text/css">
#mydiv
{
background-color: aqua;
width: 50%;
height: 50%;
display: block;
z-index: 100;
}
#mydiv2
{
background-color: red;
width: 500px;
height: 500px;
display: block;
z-index: 100;
}
</style>
</head>
<body>
<a href="#" onclick="$('#mydiv').toggle('explode', {}, 1000);">click %</a> <a href="#" onclick="$('#mydiv2').toggle('explode', {}, 1000);">click px</a>
<div id="mydiv">% width</div>
<br>
<div id="mydiv2">px width</div>
</body>
</html>
应该是这样的吗?有什么工作吗?到目前为止,谷歌搜索时找不到任何相关内容。
干杯。
答案 0 :(得分:0)
您可以通过了解窗口宽度和高度
来动态设置宽度和高度(以像素为单位)