jQuery基于css3 loading插件,制作5种网页loading动态加载效果,点击按钮弹出loading图标动效。你可以通过设置type值来定义默认的loading图标。
使用方法:
1、head引入css文件
<link rel="stylesheet" href="css/loading.css">
2、head引入js文件
<script src="js/jquery.min.js"></script>
3、body引入部分
<script src="js/loading.js"></script>
<div class="btn-show show-load1">Type 1</div>
<script>
/**
* 参数:支持字符串以及对象传参
* 传值为字符串 默认第一种样式,提示文字为默认loading...
* 传值为对象时
* 1.type 类型,只支持五种,可扩展 必填项
* 2.tip 提示文字 非必填
* 3.showTip 是否显示提示文字,默认为true 非必填
* 使用方法
* loading.showLoading()
* loading.hideLoading()
*/
$('.show-load1').click(()=>{
loading.showLoading({
type:1,
tip:"type 1"
})
})
</script>