HTML5 Add super fun White cloud flare effect Plugin Tutorial

First, installation
Bower Install Jqlouds--save

Ii. Methods of Use
<script src= "Jquery.js" ></script>
<script src= "Dist/jquery.jqlouds.min.js" ></script>
<div id= "Sky" ></div>
$ (' #sky1, #sky2 '). Jqlouds ();

Third, set the height of the sky
(1) Css
<div id= "Sky" style= "HEIGHT:223PX;" ></div>
<script>
JQuery (function ($) {
$ (' #sky '). Jqlouds ();
});
</script>

(2) Js
<div id= "Sky" ></div>
<script>
JQuery (function ($) {
$ (' #sky '). Jqlouds ({skyheight:223});
});
</script>

Four, white clouds fluttering animation
$ (' #sky '). Jqlouds ({
Wind:true
});

Five, the number of clouds
$ (' #sky '). Jqlouds ({
Minclouds:5,
Maxclouds:10
});

Vi. size of the largest cloud
$ (' #sky '). Jqlouds ({
maxwidth:113,
MAXHEIGHT:48,
});

Seven, custom clouds
$ (' #sky '). Jqlouds ({
SRC: ' path/to/image.png ',
});

Eight, configuration parameters
options={
SRC: ' images/cloud.png ',
maxwidth:227,
Maxheight:96,
MINCLOUDS:20,
Maxclouds:30,
Skyheight:null,
Wind:false
};
$ (' #sky '). Jqlouds (options);

Keymob Mobile Advertising Platform is the most professional and effective mobile advertising platform, is committed to providing advertisers with accurate and efficient brand and application promotion services, while providing application developers with a stable SDK and high-income revenue.

HTML5 Add super fun White cloud flare effect Plugin Tutorial