jquery progress bar投票进度条系统插件


jquery progress bar投票进度条系统插件
jquery progress bar投票进度条系统插件以及投票进度条等js/jquery网页特效代码下载。

1. 引入JS

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/Studyplay_vote.js"></script>

2. HTML代码

<script type="text/javascript">
$(document).ready(function(){
	$("#progressbar").study_vote([
		{"name":"好评","data":"90","color":"#39c"},
		{"name":"中评","data":"10","color":"#f00"},
		{"name":"差评","data":"20","color":"#000"}
	]);
});	
</script>
<style type="text/css">
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.demo{margin:20px auto;width:500px;}
#studyvote .fl{float:left;}
#studyvote .dd{clear:both;margin:7px 0;width:100%;height:15px;}
#studyvote .outbar{border:1px solid #dedede;background:#fff;height:13px;width:80%;float:left;}
#studyvote .inbar{height:13px;display:block;}
</style>
<div class="demo">
	<div id="progressbar"></div>
</div>

相关推荐

发表评论

相关文章