jQuery的loading插件可以方便地實現頁面的加載提示效果,下面我們來了解一下如何使用它。
首先,在頁面中引入jQuery和jquery.loading.js插件:
<script src="jquery.js"></script> <script src="jquery.loading.js"></script>
然后,在需要顯示loading效果的地方調用loading方法即可:
$(selector).loading();
其中selector是需要添加loading效果的元素,可以是任何有效的jQuery選擇器。
除了loading方法外,插件還提供了一些可選的參數,如下:
$(selector).loading({ text: 'Loading', // loading文本 spinner: 'spinner1', // loading圖標樣式 content: '', // loading內容 mask: true, // 是否顯示遮罩層 opacity: 0.7, // 遮罩層透明度 color: '#fff', // loading文本和圖標顏色 size: 'large', // loading圖標尺寸 zIndex: 9999 // loading和遮罩層的z-index值 });
以上為loading插件的使用方法和參數說明,可以根據實際需求進行調整。
上一篇獲取css屬性值中的高度
下一篇獲取dom的css