Jquery效果大全之制作電腦健康體檢得分特效附源碼下載

更新時間：2015年11月02日 14:47:02 投稿：mrr

本文給大家介紹jquery效果大全之制作電腦健康體檢得分特效，并附有源碼下載，對jquery效果大全感興趣的朋友一起學習吧

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>您的交易密碼安全度一般，建議修改為大小寫字母+數(shù)字+特殊符號的形式。</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>您的交易密碼安全度一般，建議修改為大小寫字母+數(shù)字+特殊符號的形式。</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>

您可能感興趣的文章: