jquery制作电脑健康体检得分效果图如下所示,喜欢的朋友可以下载源码哦。
查看效果图 源码下载
文件引用:
<script type="text/javascript" src="js/jquery-...min.js"></script> <script type="text/javascript"> var current = ; $(document).ready(function(){ $(".score-state-right").attr("style","width:px"); $("#check-secure").html("开始检测"); $("#check-secure").click(function(){ if($("#scorenum").html()!=""){ var current= ; } var scoreline=; var score=; var line=; 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 = ; var scoredetail=''; if(auth>){ score=score+; 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>){ score=score+; 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>){ score=score+; 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>){ score=score+; }else{ scoredetail+='<li class="score-error-list clearfix"><span>您还没有设置交易密码</span><a href="#" data-click="app">设置密码</a></li>'; } if(pwdscore>=){ if(pwdscore==){ score=score+; scoredetail+='<li class="score-warn-list clearfix"><span>您的交易密码安全度一般,建议修改为大小写字母+数字+特殊符号的形式。</span><a href="#" data-click="app">修改密码</a></li>'; }else if(pwdscore==){ score=score+; scoredetail+='<li class="score-good-list clearfix"><span>恭喜您,您的交易密码安全度很高,可以不用修改。</span><a href="#" data-click="app">修改密码</a></li>'; }else if(pwdscore==){ scoredetail+='<li class="score-warn-list clearfix"><span>您的交易密码安全度一般,建议修改为大小写字母+数字+特殊符号的形式。</span><a href="#" data-click="app">修改密码</a></li>'; } } $("#score_detail").html(scoredetail); scoreline=line*(score/); var speedline=score*; var snum = setInterval("increment()",); $(".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>