html5 数据加载遮罩,jquery loading遮罩层插件

busy-load是一款灵活的jquery loading遮罩层插件。它可以在加载的时候为容器添加一个遮罩层，并显示loading效果。loader可以是字体图标，图片，文字等，非常灵活方便。

使用方法

在页面中引入jquery和busy-load相关文件。

初始化插件

然后你就可以在需要的容器上调用loadingi效果了。

// 显示loading

$("#some-element").busyLoad("show");

或者在调用时带上配置参数。

// 带配置参数

$("#another-element").busyLoad("show", {

background: "#000",

spinner: "cube",

animation: "slide"

});

如果需要隐藏loading，只需要传入"hide"即可。

// 隐藏loading

$("#some-element").busyLoad("hide");

// 带配置参数

$("#another-element").busyLoad("hide", {

animation: "fade"

});

配置参数

buzy-load插件的默认配置参数如下：

exports.default = {

spinner: "pump", // pump, accor