Shulou(Shulou.com)06/01 Report--

This article Xiaobian for you to introduce in detail "jQuery how to achieve random free bounce bubble", the content is detailed, the steps are clear, the details are handled properly, I hope this "jQuery how to achieve random free bounce bubble" article can help you solve your doubts, the following follow the editor's ideas slowly in depth, together to learn new knowledge.

Installation method

Since it is a jQuery-based extension, the introduction of jQuery is necessary.

In addition, you need to introduce the plug-in's own implementation script.

Before that, we also need to introduce the style dependency file jquery.bubble.min.css, which mainly contains the basic style of the bubble itself.

Use the example

The plug-in runs within the specified element range, and if the specified element cannot be found, the plug-in uses the body element as the container.

$(function () {$('# Jacks PluginWrap'). Bubble ({/ / bubble element Class itemClass: 'Jacks BubbleItemology, / / Bubble size range [minimum, maximum], unit px size: [60,120], / / bubble blowing time range [minimum, maximum], unit s blowTime: [0.5,1], / / direction of bubble occurrence Left/right direction: 'right', / / position offset, [x, y], effect related to direction offset: [0,60], / / Bubble generation interval, unit s interval: 1.2, / / automatic stop time, 0 does not stop, unit s autoStop: 10}) }). After reading this, the article "how to achieve random free bounce bubbles in jQuery" has been introduced. If you want to master the knowledge points of this article, you still need to practice and use it yourself. If you want to know more about related articles, please follow the industry information channel.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.