最新活动温馨提示:99元终身VIP,整站资源免费下载!
头像

jquery进度条投票打分插件多个带动画进度条投票打分

来源:http://www.erdangjiade.com/js/1161.html 二当家的 2017-02-18 17:06浏览(874)

jquery进度条投票打分插件多个带动画进度条投票打分效果实现源码下载

1、请不要问“在不在”之类的问题,有问题直接问!2、学生或暂时没有工作的童鞋,99元整站资源免费下载!3、充值VIP会员,整站资源无任何限制下载!5、程序员加油,交流群:368848856 在线 充值

jquery进度条投票打分插件多个带动画进度条投票打分
分类:css3 > 进度条 难易:入门级
查看演示 下载资源: 8

关注微信号获取此Demo视频教程:

下载资源 下载积分: 10 积分
<div class="demo">

	<div id="poll_a"></div>
	<div id="poll_b"></div>
	<div class="btn"><input type="button" id="getPollData1" value="获得第一个投票的值"/></div>
	<div id="poll_c"></div>
	<div class="btn"><input type="button" id="getPollData2" value="获得第二个投票的值"/></div>
	
</div>
var data="{root:[{id:'10000',name:'jquery图片特效',value:'50'},{id:'10001',name:'jquery导航菜单',value:'20'},{id:'10002',name:'jquery选项卡特效',value:'10'},{id:'10003',name:'jquery文字特效',value:'10'},{id:'10004',name:'jquery表单特效',value:'10'}]}"; 

var data1="{root:[{id:'10000',name:'js图片特效',value:'50'},{id:'10001',name:'js导航菜单',value:'20'},{id:'10002',name:'js选项卡特效',value:'10'},{id:'10003',name:'js文字特效',value:'10'},{id:'10004',name:'js表单特效',value:'10'}]}"; 

var data2="{root:[{id:'10000',name:'jquery特效',value:'60'},{id:'10001',name:'js特效',value:'40'}]}"; 

$(document).ready(function(){
	$("#poll_a").poll("poll1",{
		title:'jquery特效',
		titleColor:'#ff6600',
		width:'600px',
		data:data
	});
	
	$("#poll_b").poll("poll2",{
		title:'js特效',
		titleColor:'#ff0000',
		width:'600px',
		data:data1,
		showPoll:true,
		multiple:true
	});
	
	$("#poll_c").poll("poll3",{
		title:'前端脚本',
		titleColor:'blue',
		width:'600px',
		data:data2,
		multiple:false
	});
	
	$("#getPollData1").click(function (){
		$("#poll_b").getChecked().each(function (i,n){
			alert($(n).val());
		});
	});	
	$("#getPollData2").click(function (){
		$("#poll_c").getChecked().each(function (i,n){
			alert($(n).val());
		});
	});
	
});
声明:本文为原创文章,如需转载,请注明来源erdangjiade.com并保留原文链接:https://www.erdangjiade.com/js/1161.html
评论0
头像

友情提示:垃圾评论一律封号,下载出错或任何技术问题请联系QQ 826096331

1 2