素材网 素材网

jquery制作电脑健康体检得分效果

下载资源()次

阅读次数()次

发布时间:2014-05-14

jquery制作电脑健康体检得分效果
分享到:

用法简介:

来源:xw素材网

jquery制作电脑健康体检得分效果。
文件引用:

<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
var current = 0;
$(document).ready(function(){
$(".score-state-right").attr("style","width:0px");
$("#check-secure").html("开始检测");
$("#check-secure").click(function(){
	if($("#scorenum").html()!=""){
		var current= 0;
	}
	var scoreline=0;
	var score=0;
	var line=430;
	var auth = $(".safe-auth-done").length;
	var mobile = $(".safe-mobile-done").length;
	var google = $(".safe-google-done").length;
	var tradePwd = $(".safe-tradePwd-done").length;
	var pwdscore = 20; 
	var scoredetail='';
	if(auth>0){
		score=score+20;
		scoredetail+='<li class="score-good-list clearfix"><span>您已完成实名认证</span></li>';
	}else{
		scoredetail+='<li class="score-error-list clearfix"><span>恭喜您,您还没有实名认证!</span><a href="#" data-click="app">查看信息</a></li>';
	}
	if(mobile>0){
		score=score+20;
		scoredetail+='<li class="score-good-list clearfix"><span>您已完成绑定手机</span></li>';
	}else{
		scoredetail+='<li class="score-error-list clearfix"><span>绑定密保手机,帐号安全一步到位</span><a href="#" data-click="app">立即绑定</a></li>';
	}
	if(google>0){
		score=score+20;
		scoredetail+='<li class="score-good-list clearfix"><span>您已绑定谷歌身份验证器</span></li>';
	}else{
		scoredetail+='<li class="score-error-list clearfix"><span>您还没有绑定谷歌身份验证器</span><a href="#" data-click="app">绑定谷歌</a></li>';
	}
	if(tradePwd>0){
		score=score+20;
	}else{
		scoredetail+='<li class="score-error-list clearfix"><span>您还没有设置交易密码</span><a href="#" data-click="app">设置密码</a></li>';
	}
	if(pwdscore>=0){
		if(pwdscore==10){
			score=score+10;
			scoredetail+='<li class="score-warn-list clearfix"><span>您的交易密码安全度一般,建议修改为大小写字母+数字+特殊符号的形式。</span><a href="#" data-click="app">修改密码</a></li>';
		}else if(pwdscore==20){
			score=score+20;
			scoredetail+='<li class="score-good-list clearfix"><span>恭喜您,您的交易密码安全度很高,可以不用修改。</span><a href="#" data-click="app">修改密码</a></li>';
		}else if(pwdscore==0){
			scoredetail+='<li class="score-warn-list clearfix"><span>您的交易密码安全度一般,建议修改为大小写字母+数字+特殊符号的形式。</span><a href="#" data-click="app">修改密码</a></li>';
		}
	}
	$("#score_detail").html(scoredetail);
	scoreline=line*(score/100);
	var speedline=score*50;
	var snum = setInterval("increment()",50);
	$(".score-state-right").animate({width:scoreline+"px"},speedline,function(){
		$(".score-detail").show();
		 window.clearInterval(snum);
	});
	$("#check-secure").html("重新检测");
});
});
function increment(){
current++;
$("#scorenum").html(current); 
}
</script>


   

相关标签:

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。