jQuery百分比加載器 - 「可控」示例

Question

我想使用jQuery百分比加載器。

在他們的網站我沒有找到一個簡單的工作演示下載和使用。

我需要幫助找到他們的「可控」示例的簡單演示代碼。

jQuery的百分比裝載機網站： https://bitbucket.org/Better2Web/jquery.percentageloader

jQuery的百分比裝載機的演示網站： http://widgets.better2web.com/loader/

Answer 1

從您的瀏覽器做一個查看頁面源代碼，它會清除你很多東西像

1。什麼是腳本/ css包括 2.Html標記和使用模式

該示例是使用

<div id="controllable-loader"></div> 

和

包括此在標題部分。

<link rel="icon" href="images/favicon.gif" type="image/gif" /> 
<link rel="icon" href="images/favicon.ico" type="image/x-icon" /> 

<script src="scripts/jquery-1.7.2.js" type="text/javascript"></script> 
<script src="scripts/jquery-ui-1.8.20.custom.min.js" type="text/javascript"></script> 
<script src="scripts/jquery.ui.touch-punch.min.js" type="text/javascript"></script> 
<script src="loader/jquery.percentageloader-01a.js" type="text/javascript"></script> 

Answer 2

對於我使用的一個簡單的解決方案，哪個工作。

1. 剛剛剪下n將他們的demo.html頁面代碼從jquery百分比加載器插件粘貼到一個jsp文件中。
2. 引用他們的庫和jQuery在頁面的頭部分。
3. 您可以將jsp放入java動態web應用程序的Web Content目錄中，因此不需要servlet，因爲jsp是已編譯的servlet。
4. 將Tomcat添加到項目並使用：host/web上下文名稱/ jsp名稱。

demo.html文件位於jquery.percentageloader文件夾中。

Answer 3

我爲這個插件創建了一個裝載器生成器。該生成器使您可以輕鬆地爲可控加載器定義顏色，然後爲您提供實現它所需的代碼。您可以在此訪問：http://nadavr.com/projects/percentage-loader-color-generator/