QQ客服
當前位置 : 首頁 > 代碼 > 網頁特效 > 其它特效 > 簡潔的網頁loading動效代碼

簡潔的網頁loading動效代碼

jQuery基于css3 loading插件,制作5種網頁loading動態加載效果,點擊按鈕彈出loading圖標動效。你可以通過設置type值來定義默認的loading圖標。
分享到微信朋友圈
X

使用方法:

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>
[聲明]本站素材來自用戶分享,僅限學習交流請勿用于商業用途。如損害你的權益請聯系客服QQ:2447402004給予處理。
舉報×
舉報原因:

相關代碼

二維碼
意見反饋
×
×

注冊

QQ注冊 立即下載 新浪注冊 立即下載

簽到成功!

已連續簽到1天,簽到3天將獲得積分VIP1天

知道了
cc竞速飞车公式规律