这是一款主要使用css以及jquery实现的loading插件,支持五种常用的加载动效,简单易用可扩展
html:
<!-- 容器 --> 页面无需容器,直接js插入
css:
<!-- 样式 --> <link rel="stylesheet" href="./css/loading.css">
js:
/**
* 参数:支持字符串以及对象传参
* 传值为字符串 默认第一种样式,提示文字为默认loading...
* 传值为对象时
* 1.type 类型,只支持五种,可扩展 必填项
* 2.tip 提示文字 非必填
* 3.showTip 是否显示提示文字,默认为true 非必填
* 使用方法
* loading.showLoading()
* loading.hideLoading()
*/
loading.showLoading({
type:1,
tip:"type 1"
})
loading.hideLoading();
function doit() {
loading.showLoading({
type: 1,
tip: "type 1"
});
$(#'form1').submit();
}在提交表单时调用loading.showLoading(),安卓的微信页面和pc页面都没问题,在ios的微信页面不生效是什么原因,把$(#'form1').submit();屏蔽,loading.showLoading()就能生效
可以直接使用
loading.showLoading({
type: 1,
tip: "填入你的title"
})
loading.hideLoading(); //关闭动画