这是一款主要使用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(); //关闭动画