jQuery会员等级进度条动画特效

来源:https://www.sucaihuo.com/js/3392.html 2018-01-14 19:43浏览(1296) 收藏

jQuery会员等级进度条动画特效是一款简单好看的会员消费等级进度条代码,当消费金额满足会员等级时,进度条经过各个节点会变亮效果。
jQuery会员等级进度条动画特效
分类:css3 > 进度条 难易:初级
查看演示 下载资源 下载积分: 10 积分

js代码

<script src="js/jquery-progress.js" type="text/javascript"></script>

</head>
<body>

<div class="waic progress"></div>


<script type="text/javascript">
$(function(){
	var geshu = $(".djwai").children(".dengji").length;
    // alert(geshu);
	var wid = $(".djwai").width()/geshu/2;
	// alert(wid);
	var widt = wid + "px";
	// alert(widt);
	$(".xianpa").css({"padding-left":widt,"padding-right":widt});
	$(".yixif").css({"padding-left":widt,"padding-right":widt});
});

$(".progress").startProgress({
  "nodes":[
			{"name":"普通","money":0},
			 {"name":"银卡","money":100},
			  {"name":"金卡","money":300},
			   {"name":"白金卡","money":500},
				{"name":"黄金卡","money":1000}
		  ],
  "hasPay":888
});
</script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2