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>
新聞熱點
疑難解答