使用fakeLoader.js創建頁面加載動畫
HTML
我們只需要在<body>的第一行加入以下代碼。
<div id="fakeLoader"></div>
CSS
然后在<head>里載入css樣式文件。
<link rel="stylesheet" href="css/fakeLoader.css"> JS
別忘了加載jQuery庫文件以及fakeLoader.js。
<script src="js/jquery.js"></script> <script src="js/fakeLoader.min.js"></script>
然后在</body>的上一行加入以下代碼：
<script type="text/javascript">
$("#fakeloader").fakeLoader();
</script>以上代碼就是調用了fakeLoader.js插件，該插件還提供了以下選項設置。
timeToHide：過渡加載動畫時間，毫秒，默認1200。
spinner：動畫效果，有7個值可選： 'spinner1', 'spinner2', 'spinner3', 'spinner4', 'spinner5', 'spinner6', 'spinner7'，默認值：spinner1。
bgColor：過渡遮罩層背景色，默認："#2ecc71"。
imagePath：自定義過渡動畫圖片。
本文由用戶 jopen 自行上傳分享，僅供網友學習交流。所有權歸原作者，若您的權利被侵害，請聯系管理員。
轉載本站原創文章，請注明出處，并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺，歡迎各類分享！