今天对前边做的进度条进行了改进,MyJQuery.js文件可到附件中下载。
<html>
<head>
<script type="text/javascript" src="../jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="MyJQuery.js"></script>
<script type="text/javascript">
$(function(){
$('#t').scheduleBar({
width:500,
height:12,
percentage:0
});
$('#v').scheduleBar({
width:300,
height:12,
percentage:0
});
});
var n=10;
function bb(){
$('#t').scheduleBar({
percentage:n
});
n+=10;
}
var m=5;
function dd(){
$('#v').scheduleBar({
percentage:m
});
m+=10;
}
</script>
</head>
<body>
<a href="#" style="display:block;" onclick="javascript:bb()">clickmet!</a>
<a href="#" style="display:block;" onclick="javascript:dd()">clickmev!</a>
<div id="t" style="position:fixed;left:200px;top:400px;"></div>
<div id="v"></div>
</body>
</html>
分享到:
相关推荐
jquery实现进度条特效,直接可调用,可以自己定义样式风格等
用jquery实现的进度条插件,使用非常简单,可用做程序进度显示或AJAX文件上传
ProgressCircle.js是一款基于SVG的jquery圆形进度条插件。该jquery圆形进度条插件通过动态生成SVG元素和CSS3动画来制作漂亮的圆形进度条动画特效。
jquery 实现动态进度条,好看容易实现,很容易看懂
脚本简介jQuery带进度条滚动图片轮播代码是一款带左右箭头按钮控制图片滚动轮播,标题和进度条显示效果。
vs2013 利用Ajax+Jquery实现异步进度条效果
JQuery节点进度条代码插件,用来显示多少个节点,可用于审批流程图。
jQuery带进度条全屏图片轮播代码是一款基于jQuery实现的oppo手机官网首页带进度条全屏图片轮播特效。
jQuery模拟页面加载进度条
星球大战jQuery水平进度条特效是一款使用彩色霓虹效果,仿造星球大战中的激光剑效果特效。
Jquery实现进度条显示百分比 Jquery实现进度条显示百分比 Jquery实现进度条显示百分比
jquery 进度条jquery 进度条jquery 进度条jquery 进度条jquery 进度条jquery 进度条jquery 进度条jquery 进度条jquery 进度条jquery 进度条jquery 进度条jquery 进度条jquery 进度条jquery 进度条jquery 进度条...
jQuery progressbar进度条插件提示进度条进度百分比数据
jQuery进度条插件,jQuery进度条插件,jQuery进度条插件
汽车网站jquery带进度条焦点图是一款带进度条的焦点图片特效jquery插件,图片作成很大时看上去可以实现全屏的效果,进度条上还带有一个小图标跟随焦点滑动,不像普通的焦点图特效只是当前的焦点的样式与其他的不一样...
spring+jquery实现文件上传带进度条
一个不错的进度条指示注册页面代码,懒人之家推荐下载使用
NULL 博文链接:https://zhibin07.iteye.com/blog/1468688
jQuery步骤进度条控制代码,可进行上一步、下一步、跳过步骤操作。
jQuery进度条插件设置百分比进度条样式代码 jQuery进度条插件设置百分比进度条样式代码