91超碰碰碰碰久久久久久综合_超碰av人澡人澡人澡人澡人掠_国产黄大片在线观看画质优化_txt小说免费全本

溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

HTML 5開發的jQuery進度條插件是怎樣的

發布時間:2021-11-15 22:27:13 來源:億速云 閱讀:127 作者:柒染 欄目:web開發

本篇文章為大家展示了HTML 5開發的jQuery進度條插件是怎樣的,內容簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。

今天我們分享一個超酷的使用HTML5畫布技術開發的進度條插件 - percentageloader。這個插件比普通的水平進度條使用更加炫酷的效果,圖形效果類似以前我們介紹的jQuery knob插件 ,這個插件使用快捷簡單,可以非常好的應用到現代瀏覽器中。插件使用了HTML5的畫布來生成圖形界面,壓縮版本只有10kb大小,并且使用矢量Vector而非圖片來生成,可以很方便的生成不同大小的圖形。開源軟件,大家可以方便自由的使用。

主要特性

jQuery1.4+

支持瀏覽器:Firefox 3.0+, Safari 4.0+, Chrome 7+, IE9+, Opera 9+

提供各種控制選項

使用簡單方便,壓縮文件非常小, 10kb

無損失的支持各種大小尺寸的圖形

如何使用

倒入相關類庫及其CSS:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>  <script type="text/javascript" src="js/jquery.percentageloader-0.1.min.js"></script>  <link rel="stylesheet" type="text/css" href="css/jquery.percentageloader-0.1.css" />   插件js代碼:    $loader  = $("#loader").percentageLoader({      width : 400,       height : 400,       progress : 0  });

主要選項

progress:初始加載位置(0-1)

value:初始的label值

width:寬度

height:高度

controllable:允許用戶點擊設置值

onProgressUpdate(value):提供了一個callback方法,允許使用更新的值來控制進度條

回調函數使用:

var loader;  loader = $("myDiv").percentageLoader({      controllable : true,      onProgressUpdate : function (value) {          loader.setProgress(value * 100.0);      }  });

上述內容就是HTML 5開發的jQuery進度條插件是怎樣的,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注億速云行業資訊頻道。

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

漳浦县| 马龙县| 德安县| 枣强县| 巢湖市| 玛沁县| 永福县| 武清区| 香格里拉县| 宁阳县| 金湖县| 太保市| 永宁县| 长汀县| 盐山县| 饶平县| 温州市| 阆中市| 吉木萨尔县| 库伦旗| 垦利县| 儋州市| 霍林郭勒市| 临汾市| 北票市| 赣榆县| 固始县| 贵州省| 波密县| 石渠县| 兴和县| 虹口区| 本溪市| 廊坊市| 万宁市| 镇雄县| 洛阳市| 定南县| 东港市| 资源县| 静海县|