jQuery UI基础----11jQuery UI Widgets-progressbar(进度条
来源:互联网 发布:js style属性 编辑:程序博客网 时间:2024/06/08 06:50
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <!--所需要的支持文件--> <script src="jquery-2.1.4.min.js"></script> <script src="jquery-ui.min.js"></script> <link href="jquery-ui.min.css" rel="stylesheet" type="text/css"> <!--自己的js文件--> <script src="progressbar.js"></script></head><body> <div id ="pb"></div></body></html>
js:
/** * Created by hao on 2015/10/5. */var pb;var max = 100;var current = 0;$(function(){ pb=$("#pb"); pb.progressbar({max:100});// 计时器,每100毫秒刷新一次 setInterval(changepb,100);});function changepb(){ current++; if(current>=100){ current=0; } pb.progressbar("option","value",current);}需要依赖的库文件:http://download.csdn.net/detail/zhaihaohao1/9156967
0 0
- jQuery UI基础----11jQuery UI Widgets-progressbar(进度条
- JQuery UI 之进度条——Progressbar
- jquery ui(四)进度条 progressbar
- jquery ui(四)进度条 progressbar
- jQuery Easy UI ProgressBar(进度条)组件
- jQuery UI基础----7jQuery UI Widgets-Accordion(可折叠的
- jQuery UI基础----10jQuery UI Widgets-Dialog(对话框
- jQuery UI基础----12jQuery UI Widgets-menu(菜单
- jQuery UI基础----14jQuery UI Widgets-spinner(下拉框
- jQuery UI基础----9jQurey UI Widgets-Datepicker(日期选择器
- jQuery UI基础----13jQurey UI Widgets-slider(滑动器
- JQuery UI - progressbar
- jquery ui progressbar
- JQuery UI之(六)进度条——Progressbar
- jQuery UI基础----8jQuery UI Widgets-AutoComplete(自动补全
- jquery.ui.progressbar中文文档
- jquery ui dialog (buttons),progressbar
- jQuery 入门教程(37): jQuery UI Progressbar 示例
- [NOIP2014]珠心算测验 T1
- jQuery UI基础----10jQuery UI Widgets-Dialog(对话框
- Activity加载模式
- MySql对用户的管理【初级】
- C++设计模式——抽象工厂模式
- jQuery UI基础----11jQuery UI Widgets-progressbar(进度条
- please select a valid interpreter
- 《TCP/IP详解 卷一:协议》读书笔记--Traceroute程序
- codeforces 583 D. Once Again... (LIS + 贪心)
- UVA_12096: The SetStack Computer
- 《Hacking Vim》读书笔记:Vim中高级技巧
- [LeetCode 214] Shortest Palindrome
- hdu 3967 数位dp
- jQuery UI基础----12jQuery UI Widgets-menu(菜单