jQuery插件实现随机自由弹跳泡泡风格

一个基于jQuery的气泡动画插件在指定区域(左/右)上方以规则的间隔生成气泡，然后以随机的水平速度模拟自由落体。到达区域底部后反弹，速度逐渐衰减。直到它停止移动。

在线演示

安装方法

因为是基于jQuery的扩展，所以有必要引入jQuery。

此外，还需要介绍插件本身的实现脚本。

script src=' http :3359 code . jquery.com/jquery-1 . 12 . 4 . min . js '/script script src=' http 3360./js/jquery.bubble . min . CSS '/脚本在此之前，我们需要引入样式依赖文件jquery . bubble。

使用linkrel='样式表' href='的示例./CSS/jquery.bubble.min.css '

插件将在指定的元素范围内运行。如果找不到指定的元素，插件将使用body元素作为容器。

$ (function () {$ ('# j _ pluginwrap '))。bubble ({//bubble元素class item class : ' j _ bubble item '，//bubble大小范围[最小值，最大值]，单位pxsize 3360 [60，120]，//bubble爆破。最大值]，单位s blowTime: [0.5，1]，//气泡出现方向，左/右方向： '右'，//位置偏移，[x，y]，与方向偏移有关的效果3360 [0，60]，//气泡产生时间间隔，单位为s interval: 1.2，//自动停止的时间，如果为0，则不会停止，单位为auto stop 3360 10 })；});更多细节请参考源代码。

以上是边肖推出的jQuery插件，实现随机自由弹跳泡泡风格。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！