一、安裝

bower install jqlouds --save

二、使用方法

$('#sky1, #sky2').jQlouds();

三、設置天空的高度

(1)CSS

jQuery(function($) {

$('#sky').jQlouds();

});

(2)JS

jQuery(function($) {

$('#sky').jQlouds({ skyHeight: 223 });

});

四、白云飄動動畫

$('#sky').jQlouds({

wind: true

});

五、云朵的數量

$('#sky').jQlouds({

minClouds: 5,

maxClouds: 10

});

六、最大云朵的尺寸

$('#sky').jQlouds({

maxWidth: 113,

maxHeight: 48,

});

七、自定義云朵

$('#sky').jQlouds({

src: 'path/to/image.png',

});

八、配置參數

options={

src: 'images/cloud.png',

maxWidth: 227,

maxHeight: 96,

minClouds: 20,

maxClouds: 30,

skyHeight: null,

wind: false

};

$('#sky').jQlouds(options);

KeyMob移動端廣告平臺是最專業最具有效果的移動廣告平臺，致力于為廣告主提供精準高效的品牌與應用推廣服務，同時為應用開發者提供穩定的SDK以及高收入的收益。

總結

以上是生活随笔為你收集整理的html5云彩飘过特效,Html5添加超有趣的白云飘动特效插件教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。