当前位置：首页 > 下载站 > js特效 > jQuery特效 > jQuery硬盘容量使用情况百分比特效

jQuery硬盘容量使用情况百分比特效

分类: js特效 / jQuery特效	发布时间: 2018-01-10	访问量: 1276
下载量: 33

点击下载预览效果

更多>

最新下载

HTML5超酷表单展示效果

HTML5超酷表单展示效果是一款几乎不需要JS代码既可以实现简单的表单验证，文本框默认值，强制格式输入，日期选择等诸多表单功能，非常酷。

0 2026-01-28

jQuery登录表单捂眼睛代码

jQuery登录表单捂眼睛代码是一款输入密码的时候卡通人物蒙眼动画效果代码。

0 2026-01-28

jQuery表单输入框浮动标签特效

jQuery表单输入框浮动标签特效是一款可以非常轻松的为表单input元素添加浮动标签动画效果。

0 2026-01-28

Tap4Fun游戏网站jQuery焦点图

Tap4Fun游戏网站jQuery焦点图是一款Tap4Fun官方网站的带左右按钮jQuery焦点图特效代码。

0 2026-01-28

jQuery左右切换焦点轮播幻灯片

jQuery左右切换焦点轮播幻灯片是一款带左右箭头，播放暂停按钮，索引按钮等动画幻灯片特效。

0 2026-01-28

jQuery可视化表单拖拽实例下载

jQuery可视化表单拖拽实例下载是一款用户根据右边控件进行拖拉拽，可以直接添加到中间区域并进行排序，一行多列等。

0 2026-01-28

24小时阅读排行榜

更多>

最新教程

最新Python教程从入门到精通

Node.js 教程

16269 2025-08-28
CSS3 教程

1546912 2025-08-27
Rust 教程

23404 2025-08-27
Vue 教程

25848 2025-08-22
PostgreSQL 教程

22341 2025-08-21
Git 教程

9305 2025-08-21

jQuery硬盘容量使用情况百分比特效

js代码

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery.spider.disk.js"></script>
<script type="text/javascript">
var data1={total:'1T',users:'500G',peruser:'50%',disks:[
{id:'10000',name:'C：/',value:'50',total:'500G'},
{id:'10001',name:'D：/',value:'20',total:'500G'},
{id:'10002',name:'E：/',value:'10',total:'500G'},
{id:'10003',name:'F：/',value:'10',total:'500G'},
{id:'10004',name:'G：/',value:'10',total:'500G'}]}; 

var data2={total:'1T',users:'500G',peruser:'50%',disks:[
{id:'10000',name:'C：/',value:'90',total:'500G'},
{id:'10001',name:'D：/',value:'20',total:'500G'},
{id:'10002',name:'E：/',value:'50',total:'500G'},
{id:'10003',name:'F：/',value:'50',total:'500G'},
{id:'10004',name:'G：/',value:'85',total:'500G'}]}; 

$(document).ready(function(){
	refresh(data1);
});
function refresh(data){
	$("#disk_a").disk("poll1",{
		title:'硬盘使用情况',
		//titleColor:'#ff6600',
		width:'100%',
		data:data
	});	
}
</script>

这是一款jQuery实现的显示硬盘容量使用情况百分比特效，硬盘百分比进度条js代码。