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>您已完成實(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ī),帳號(hào)安全一步到位</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ù)字+特殊符號(hào)的形式。</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ù)字+特殊符號(hào)的形式。</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òng)導(dǎo)航菜單效果
- IE下支持文本框和密碼框placeholder效果的JQuery插件分享
- jQuery實(shí)現(xiàn)加入購物車飛入動(dòng)畫效果
- 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)無縫滾動(dòng)效果
相關(guān)文章
Jquery增加鼠標(biāo)中間功能mousewheel的實(shí)例代碼
這篇文章介紹了Jquery增加鼠標(biāo)中間功能mousewheel的實(shí)例代碼,有需要的朋友可以參考一下2013-09-09jQuery初識(shí)之設(shè)計(jì)思想方法函數(shù)示例
這篇文章主要為大家介紹了jQuery初識(shí)之設(shè)計(jì)思想及方法函數(shù)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-06-06jquery動(dòng)態(tài)添加帶有樣式的HTML標(biāo)簽元素方法
下面小編就為大家分享一篇jquery動(dòng)態(tài)添加帶有樣式的HTML標(biāo)簽元素方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02jQuery實(shí)現(xiàn)的移動(dòng)端圖片縮放功能組件示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)的移動(dòng)端圖片縮放功能組件,結(jié)合實(shí)例形式詳細(xì)分析了jQuery基于移動(dòng)端的圖片縮放功能組件實(shí)現(xiàn)原理、步驟、核心代碼及使用技巧,需要的朋友可以參考下2020-05-05jQuery實(shí)現(xiàn)動(dòng)畫效果的實(shí)例代碼
jQuery實(shí)現(xiàn)動(dòng)畫效果的實(shí)例代碼,需要的朋友可以參考一下2013-05-05實(shí)例詳解jQuery Mockjax 插件模擬 Ajax 請求
這篇文章主要介紹了實(shí)例詳解jQuery Mockjax 插件模擬 Ajax 請求的相關(guān)資料,需要的朋友可以參考下2016-01-01Iscrool下拉刷新功能實(shí)現(xiàn)方法(推薦)
下面小編就為大家?guī)硪黄狪scrool下拉刷新功能實(shí)現(xiàn)方法(推薦)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-06-06jquery 驗(yàn)證用戶名是否重復(fù)代碼實(shí)例
這篇文章主要介紹了jquery驗(yàn)證用戶名是否重復(fù),文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05