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>您的交易密码安全度一般,建议修改为大小写字母+数字+特殊符号的形式。</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>

相关文章

  • jquery退出each循环的写法

    jquery退出each循环的写法

    jquery如何退出each循环的? 在回调函数里return false即可,大多数jq的方法都是如此的
    2014-02-02
  • jQuery选择器_动力节点Java学院整理

    jQuery选择器_动力节点Java学院整理

    选择器是jQuery的核心,一个选择器写出来类似$('#dom-id')。下面给大家分享jQuery选择器的相关知识,感兴趣的朋友一起看看吧
    2017-07-07
  • 基于jQuery的仿flash的广告轮播代码

    基于jQuery的仿flash的广告轮播代码

    很多网站的首页都有广告轮播,今天闲来看了一网站的首页广告轮播方式,是通过 jQuery的blockSlide插件实现的,然后自己测试了一下,很好。
    2010-11-11
  • 解决用jquery load加载页面到div时,不执行页面js的问题

    解决用jquery load加载页面到div时,不执行页面js的问题

    这篇文章主要介绍了解决用jquery load加载页面到div时,不执行页面js的问题。需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • JQuery与Ajax调用新浪API获取短网址的代码

    JQuery与Ajax调用新浪API获取短网址的代码

    这篇文章主要介绍了调用新浪API获取短网址的方法有很多,本例为大家介绍下使用JQuery与Ajax来实现,需要的朋友可以参考下
    2014-02-02
  • jquery分页插件pagination使用教程

    jquery分页插件pagination使用教程

    这篇文章主要为大家详细介绍了jquery分页插件pagination的使用教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-10-10
  • jQuery操作css样式

    jQuery操作css样式

    本篇文章主要介绍了jQuery操作css样式的相关知识,具有很好的参考价值。下面跟着小编一起来看下吧
    2017-05-05
  • jquery中ajax学习笔记4

    jquery中ajax学习笔记4

    本节主要介绍两点:1.缓存问题 2.中文问题
    2011-10-10
  • Jquery 数据选择插件Pickerbox使用介绍

    Jquery 数据选择插件Pickerbox使用介绍

    目前市面上很少见或几乎没有这数据(对象)选择插件.比如,点击input , select 元素时弹出div(窗口),载入数据让用户选择数据,选择后在填充回对应的元素.
    2012-08-08
  • JQuery学习总结【一】

    JQuery学习总结【一】

    本文主要介绍了JQuery的基本知识,如:jquery内置函数,JQuery对象,Dom对象,jquery选择器,jquery的迭代,jquery的节点遍历等等,有助于对JQuery基本知识的学习与巩固。需要的朋友可以参考下
    2016-12-12

最新评论