Center-Loader是一款可以將Loading指示器相對于容器絕對居中的jQuery插件。該插件可以使用圖片或font-awesome字體圖標來作為Loading指示器，并且可以將指示器相對于某個容器或整個頁面絕對居中。
在線預覽 源碼下載
使用該插件需要引入jQuery和center-loader.js文件。
1 2 | <script src="dist/center-loader.js"></script> |
如果需要使用font-awesome字體圖標，還要引入font-awesome字體圖標的CSS文件。
1 | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"> |
如果你使用font-awesome來作為Loading指示器，可以使用下面的方法來初始化該插件。
1 2 3 4 | //顯示Loading指示器$('#container').loader('show','<i class="fa fa-cog fa-spin"></i>');//隱藏Laoding指示器$('#container').loader('hide'); |
你也可以使用一張GIF圖片來作為Laoding指示器：
1 2 3 4 | //顯示Loading指示器$('#container').loader('show','<img src="img/loader.gif">');//隱藏Laoding指示器$('#container').loader('hide'); |
更多例子請查看Demo中的演示。
新聞熱點
疑難解答
