jquery插件制作进度条
来源:互联网 发布:唐山学院网络教学平台 编辑:程序博客网 时间:2024/04/30 23:54
用jquery插件制作进度条
一、首先我们需要引入jquery自制的js库和jquery制作制度条用的CSS样式。
<scripttype="text/javascript"
src="${pageContext.request.contextPath}/js/jquery-1.7.1.min.js">
</script>
<scripttype="text/javascript"
src="${pageContext.request.contextPath}/js/jquery-ui-1.8.18.custom.min.js">
</script>
<linkrel="stylesheet"type="text/css"
href="${pageContext.request.contextPath}/css/ui-lightness/jquery-ui-1.8.18.custom.css">
二、需要建立一个div。
<div id="progressbar"></div>
三、只需要调用progressbar方法即可,value显示进度条用了这一行的多少。
<script>
$(function(){
$("#progressbar").progressbar({
value:60
});
});
</script>
四、当我们看到很多进度条都是动态的,这一步就是经典了,我们只需要把进度条用黄色占领的值用一个动态的背景图片代替,就Ok了。
<styletype="text/css">
.ui-progressbar-value { background-image: url(./image/pbar-ani.gif); }/*ui-progressbar-value为进度条的值*/
</style>
- jquery插件制作进度条
- JQuery之进度条插件
- jquery插件之进度条
- jquery 进度条插件
- jQuery进度条插件 jQuery progressBar
- jQuery进度条插件 jQuery progressBar
- jQuery彩色条纹进度条插件
- jquery插件实现播放进度条
- 制作jQuery插件
- jquery插件制作
- jquery全选插件制作
- 自己制作jQuery插件
- [边学边用]jquery插件制作
- jQuery制作分页插件
- 制作简易Jquery插件
- Jquery日历插件制作
- jquery通过加载状态事件制作进度条
- 简约之美,JQuery之进度条插件
- Visual Studio C++ 向导生成工程文件简介
- 用juqery写的弹窗
- ListView的使用
- 第六周任务3
- B - 反正切函数的应用解题报告
- jquery插件制作进度条
- jQuery实现手风琴效果【详细注解】
- 传至播客学习笔记——函数
- 第六周任务三
- Spinner的使用
- poj 1475 Pushing Boxes
- 素女经
- 6-4 三角形类(求面积,周长,判断直角,等腰...)
- jquery插件之手风琴