jquery插件autocomplete用法示例
714
2024-02-26
jquery制作電腦健康體檢得分效果圖如下所示,喜歡的朋友可以下載源碼哦。
查看效果圖 源碼下載
文件引用:
<script type="text/javascript" src="http://www.gimoo.net/t/1904/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 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 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 data-click="app">綁定谷歌</a></li>'; } if(tradePwd>){ score=score+; }else{ scoredetail+='<li class="score-error-list clearfix"><span>您還沒有設置交易密碼</span><a data-click="app">設置密碼</a></li>'; } if(pwdscore>=){ if(pwdscore==){ score=score+; scoredetail+='<li class="score-warn-list clearfix"><span>您的交易密碼安全度一般,建議修改為大小寫字母+數字+特殊符號的形式。</span><a data-click="app">修改密碼</a></li>'; }else if(pwdscore==){ score=score+; scoredetail+='<li class="score-good-list clearfix"><span>恭喜您,您的交易密碼安全度很高,可以不用修改。</span><a data-click="app">修改密碼</a></li>'; }else if(pwdscore==){ scoredetail+='<li class="score-warn-list clearfix"><span>您的交易密碼安全度一般,建議修改為大小寫字母+數字+特殊符號的形式。</span><a 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>
#免責聲明#
本站[綠夏技術導航]提供的一切軟件、教程和內容信息僅限用于學習和研究目的;不得將上述內容用于商業或者非法用途,否則,一切后果請用戶自負。本站信息來自網絡收集整理,版權爭議與本站無關。您必須在下載后的24個小時之內,從您的電腦或手機中徹底刪除上述內容。如果您喜歡該程序或內容,請支持正版,購買注冊,得到更好的正版服務。我們非常重視版權問題,如有侵權請郵件[admin@lxwl520.com]與我們聯系進行刪除處理。敬請諒解!