jquery回弹_jQuery UI API – 反弹特效（Bounce Effect） - jQuery UI 教程 - 自强学堂

jQuery UI API – 反弹特效(Bounce Effect)

所属类别

用法

描述：反弹特效(Bounce Effect)反弹一个元素。当与隐藏或显示一起使用时，最后一次或第一次反弹会呈现淡入/淡出效果。

bounce

参数类型描述默认值

distanceNumber最大的反弹距离，以像素为单位。20

timesInteger元素反弹的次数。当隐藏或显示时，会为淡入/淡出效果添加半个反弹。5

实例

使用反弹特效(Bounce Effect)切换一个 div。

反弹特效(Bounce Effect)演示

#toggle {

width: 100px;

height: 100px;

background: #ccc;

}

点击任意地方进行切换。

$( document ).click(function() {

$( "#toggle" ).toggle( "bounce", { times: 3 }, "slow" );

});