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>您已完成實(shí)名認(rèn)證</span></li>';
}else{
scoredetail+='<li class="score-error-list clearfix"><span>恭喜您,您還沒有實(shí)名認(rèn)證!</span><a href="#" data-click="app">查看信息</a></li>';
}
if(mobile>){
score=score+;
scoredetail+='<li class="score-good-list clearfix"><span>您已完成綁定手機(jī)</span></li>';
}else{
scoredetail+='<li class="score-error-list clearfix"><span>綁定密保手機(jī),帳號安全一步到位</span><a href="#" data-click="app">立即綁定</a></li>';
}
if(google>){
score=score+;
scoredetail+='<li class="score-good-list clearfix"><span>您已綁定谷歌身份驗(yàn)證器</span></li>';
}else{
scoredetail+='<li class="score-error-list clearfix"><span>您還沒有綁定谷歌身份驗(yàn)證器</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實(shí)現(xiàn)IE瀏覽器兼容placeholder效果
- jQuery+css實(shí)現(xiàn)百度百科的頁面導(dǎo)航效果
- jQuery 實(shí)現(xiàn)側(cè)邊浮動導(dǎo)航菜單效果
- IE下支持文本框和密碼框placeholder效果的JQuery插件分享
- jQuery實(shí)現(xiàn)加入購物車飛入動畫效果
- jQuery實(shí)現(xiàn)購物車數(shù)字加減效果
- jQuery簡單tab切換效果實(shí)現(xiàn)方法
- jquery代碼實(shí)現(xiàn)簡單的隨機(jī)圖片瀑布流效果
- 原生js和jquery實(shí)現(xiàn)圖片輪播淡入淡出效果
- jQuery插件scroll實(shí)現(xiàn)無縫滾動效果
相關(guān)文章
jQuery選擇器_動力節(jié)點(diǎn)Java學(xué)院整理
選擇器是jQuery的核心,一個選擇器寫出來類似$('#dom-id')。下面給大家分享jQuery選擇器的相關(guān)知識,感興趣的朋友一起看看吧2017-07-07
解決用jquery load加載頁面到div時,不執(zhí)行頁面js的問題
這篇文章主要介紹了解決用jquery load加載頁面到div時,不執(zhí)行頁面js的問題。需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02
JQuery與Ajax調(diào)用新浪API獲取短網(wǎng)址的代碼
這篇文章主要介紹了調(diào)用新浪API獲取短網(wǎng)址的方法有很多,本例為大家介紹下使用JQuery與Ajax來實(shí)現(xiàn),需要的朋友可以參考下2014-02-02
Jquery 數(shù)據(jù)選擇插件Pickerbox使用介紹
目前市面上很少見或幾乎沒有這數(shù)據(jù)(對象)選擇插件.比如,點(diǎn)擊input , select 元素時彈出div(窗口),載入數(shù)據(jù)讓用戶選擇數(shù)據(jù),選擇后在填充回對應(yīng)的元素.2012-08-08

