Jquery效果大全之制作电脑健康体检得分特效附源码下载


Posted in Javascript onNovember 02, 2015

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>
Javascript 相关文章推荐
js判断屏幕分辨率的代码
Jul 16 Javascript
js控制表单不能输入空格的小例子
Nov 20 Javascript
快速掌握Node.js环境的安装与运行方法
Feb 16 Javascript
JavaScript中的继承之类继承
May 01 Javascript
jquery滚动条插件(可以自定义)
Dec 11 Javascript
js实现交通灯效果
Jan 13 Javascript
Vue数组更新及过滤排序功能
Aug 10 Javascript
webpack4 处理SCSS的方法示例
Sep 03 Javascript
Javascript的this详解
Mar 23 Javascript
Node.js 多线程完全指南总结
Mar 27 Javascript
vue悬浮可拖拽悬浮按钮的实例代码
Aug 20 Javascript
jQuery 函数实例分析【函数声明、函数表达式、匿名函数等】
May 19 jQuery
js实现动态加载脚本的方法实例汇总
Nov 02 #Javascript
Jquery时间轴特效(三种不同类型)
Nov 02 #Javascript
Jquery全屏相册插件zoomvisualizer具有调节放大与缩小功能
Nov 02 #Javascript
关注jquery技巧提高jquery技能(前端开发必学)
Nov 02 #Javascript
18个非常棒的jQuery代码片段
Nov 02 #Javascript
js实现文件上传表单域美化特效
Nov 02 #Javascript
非常实用的12个jquery代码片段
Nov 02 #Javascript
You might like
PHP Token(令牌)设计
2008/03/15 PHP
PHP命令空间namespace及use的用法小结
2017/11/27 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
深入分析PHP设计模式
2020/06/15 PHP
关于document.cookie的使用javascript
2010/10/29 Javascript
js日期相关函数总结分享
2013/10/15 Javascript
ie7+背景透明文字不透明超级简单的实现方法
2014/01/17 Javascript
实例代码详解javascript实现窗口抖动及qq窗口抖动
2016/01/04 Javascript
js判断主流浏览器类型和版本号的简单实现代码
2016/05/26 Javascript
JS集成fckeditor及判断内容是否为空的方法
2016/05/27 Javascript
Bootstrap安装环境配置教程分享
2016/05/27 Javascript
Angular ng-class详解及实例代码
2016/09/19 Javascript
jQuery视差滚动效果网页实现方法经验总结
2016/09/29 Javascript
使用UrlConnection实现后台模拟http请求的简单实例
2017/01/04 Javascript
EasyUi 打开对话框后控件赋值及赋值后不显示的问题解决办法
2017/01/19 Javascript
Vue.js基础指令实例讲解(各种数据绑定、表单渲染大总结)
2017/07/03 Javascript
npm配置国内镜像资源+淘宝镜像的方法
2018/09/07 Javascript
[01:02]DOTA2辉夜杯决赛日 CDEC.Y对阵VG赛前花絮
2015/12/27 DOTA
浅谈python 四种数值类型(int,long,float,complex)
2016/06/08 Python
解决python 读取excel时 日期变成数字并加.0的问题
2019/10/08 Python
python opencv 检测移动物体并截图保存实例
2020/03/10 Python
python中rb含义理解
2020/06/18 Python
如何验证python安装成功
2020/07/06 Python
python Cartopy的基础使用详解
2020/11/01 Python
python实现图片转字符画的完整代码
2021/02/21 Python
HTML5 history新特性pushState、replaceState及两者的区别
2015/12/26 HTML / CSS
服装厂厂长岗位职责
2013/12/27 职场文书
民族团结先进个人材料
2014/02/05 职场文书
社区学习雷锋活动总结
2014/04/25 职场文书
房屋授权委托书范本
2014/10/07 职场文书
党员专题组织生活会发言材料
2014/10/17 职场文书
小学三八妇女节活动总结
2015/02/06 职场文书
写给同学的新学期寄语
2015/02/27 职场文书
警告通知
2015/04/25 职场文书
2015暑期工社会实践报告
2015/07/13 职场文书
2016年“节能宣传周”活动总结
2016/04/05 职场文书