Jquery效果大全之制作電腦健康體檢得分特效附源碼下載
更新時間:2015年11月02日 14:47:02 投稿:mrr
本文給大家介紹jquery效果大全之制作電腦健康體檢得分特效,并附有源碼下載,對jquery效果大全感興趣的朋友一起學(xué)習(xí)吧
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>您還沒有設(shè)置交易密碼</span><a href="#" data-click="app">設(shè)置密碼</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>
您可能感興趣的文章:
- 兩種方法基于jQuery實現(xiàn)IE瀏覽器兼容placeholder效果
- jQuery+css實現(xiàn)百度百科的頁面導(dǎo)航效果
- jQuery 實現(xiàn)側(cè)邊浮動導(dǎo)航菜單效果
- IE下支持文本框和密碼框placeholder效果的JQuery插件分享
- jQuery實現(xiàn)加入購物車飛入動畫效果
- jQuery實現(xiàn)購物車數(shù)字加減效果
- jQuery簡單tab切換效果實現(xiàn)方法
- jquery代碼實現(xiàn)簡單的隨機圖片瀑布流效果
- 原生js和jquery實現(xiàn)圖片輪播淡入淡出效果
- jQuery插件scroll實現(xiàn)無縫滾動效果
相關(guān)文章
Jquery增加鼠標(biāo)中間功能mousewheel的實例代碼
這篇文章介紹了Jquery增加鼠標(biāo)中間功能mousewheel的實例代碼,有需要的朋友可以參考一下2013-09-09
jquery動態(tài)添加帶有樣式的HTML標(biāo)簽元素方法
下面小編就為大家分享一篇jquery動態(tài)添加帶有樣式的HTML標(biāo)簽元素方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
實例詳解jQuery Mockjax 插件模擬 Ajax 請求
這篇文章主要介紹了實例詳解jQuery Mockjax 插件模擬 Ajax 請求的相關(guān)資料,需要的朋友可以參考下2016-01-01

