当前位置:JS特效 » 其他 » 炫酷吹风机样式loading进度条插件
 炫酷吹风机样式loading进度条插件
如果您觉得内容不错,请分享:
标签: 进度条Loading

插件介绍

这是一款炫酷吹风机样式loading进度条jquery插件。该吹风机样式loading进度条通过jquery和CSS3动画来构建进度条,用户可以通过调用插件的方式来使用这个Loading特效。

浏览器兼容性

浏览器兼容性
时间:2021-07-24 阅读:68
简要教程

这是一款炫酷吹风机样式loading进度条jquery插件。该吹风机样式loading进度条通过jquery和CSS3动画来构建进度条,用户可以通过调用插件的方式来使用这个Loading特效。

吹风机样式loading进度条

使用方法

在页面中引入jquery和blower-loading.js文件,以及样式文件style.css。




                
HTML结构

该Loading进度条的基本HTML结构如下:

0%
初始化插件

在页面DOM元素加载完毕之后,可以通过下面的方法来初始化该Loading进度条插件。

$(document).ready(function () {
    blower = new LoadingBlower("#loadingContainer");
    $("#plus_ten").on("click", function () {
        blower.addProgress(10);
    });
});            
                
Top