소스 코드를 사용하여 컴퓨터 건강 검진 점수 특수 효과를 만들기 위한 Jquery 효과 모음 download_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>您的交易密码安全度一般，建议修改为大小写字母+数字+特殊符号的形式。</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>