JQuery反弹效果更改元素的大小

我有一个类似CSS的“通知框”

.NotificationsBox
{
 text-align:center;
 position:absolute;
 height:17px;
 width:17px;
 border: 1px solid #FFFFFF;   
 Background-Color: #0099FF;
 border-color: #FFFFFF;
 top:65px;
 left:500px;
}

在JQuery中使用反弹效果进行操作

<script>
$(window).load(function () {
    $(".NotificationsBox").effect("bounce", { times: 3 }, "slow");
});
</script>

$（窗口）。加载（函数（）{
$（“.NotificationsBox”）.effect（“反弹”，{times:3}，“慢”）；
});

HTML

---

反弹效果很好，除了在反弹效果期间长方体的宽度发生变化之外——它在CSS中设置为17px x 17px的小长方体。。目前，框中有一个“1”，动画似乎缩小了宽度以适应“1”，直到效果完成后才恢复到正常大小-我尝试使用CSS中的填充来填充框中1的侧面，但没有效果-有什么想法吗？

在框中添加一个

min height

和

min width

.NotificationsBox

样式

min-height:17px;
min-width:17px;

---

你有一个例子吗？你的HTML看起来怎么样？当我尝试它时，它似乎工作得很好：不确定它为什么这样做，找到了一个解决方案，使用jQuery设置反弹前的宽度/高度，如下所示$加载（函数（）{var div=$（“.NotificationsBox”）；div.animate（{height:'17px'，opacity:'1'}，“fast”）；div.animate（{width:'17px'，opacity:'1'}，“fast”）；div.effect（“bounce”）；}）；

min-height:17px;
min-width:17px;