5种常用的jQuery+css3网页loading图标动画效果,简洁实用的加载动画特效,点击按钮弹出loading动画加载图标。
js代码
<script src="js/jquery.min.js"></script>
<script src="js/loading.js"></script>
<script>
/**
* 参数:支持字符串以及对象传参
* 传值为字符串 默认第一种样式,提示文字为默认loading...
* 传值为对象时
* 1.type 类型,只支持五种,可扩展 必填项
* 2.tip 提示文字 非必填
* 3.showTip 是否显示提示文字,默认为true 非必填
* 使用方法
* loading.showLoading()
* loading.hideLoading()
*/
$('.show-load1').click(()=>{
loading.showLoading({
type:1,
tip:"type 1"
})
})
$('.show-load2').click(()=>{
loading.showLoading({
type:2,
tip:"type 2"
})
})
$('.show-load3').click(()=>{
loading.showLoading({
type:3,
tip:"type 3"
})
})
$('.show-load4').click(()=>{
loading.showLoading({
type:4,
tip:"type 4"
})
})
$('.show-load5').click(()=>{
loading.showLoading({
type:5,
tip:"type 5"
})
})
$('.hide-show').click(()=>{
loading.hideLoading();
})
</script>
系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791