學會偷懶,并懶出境界是提高工作效率最有效的方法!
Ctrl + D 收藏我吧~
8種fakeloader頁面加載效果代碼,支持7種效果和自定義圖片,兼容主流瀏覽器,懶人圖庫推薦下載!
使用方法:
1、body中插入以下html代碼
<div id="fakeLoader"></div>
2、head標簽里嵌入
<link rel="stylesheet" href="css/fakeloader.css">
3、引入js庫
<script src="js/jquery.min.js">
<script src="js/fakeloader.min.js">
4 調用fakeloader
<script type="text/javascript">
$(".fakeloader").fakeLoader();
</script>
5 選項解釋
$(".fakeloader").fakeLoader({
timeToHide:1200, //加載效果的持續時間
zIndex:"999",//
spinner:"spinner1",//可選值 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7' 對應有7種效果
bgColor:"#2ecc71", //加載時的背景顏色
imagePath:"yourPath/customizedImage.gif" //自定義的加載圖片,見demo8.html
});