Code666 (代码贴、代码片段)

[JavaScript] [jquery]图形密码 →→→→→进入此内容的聊天室

来自 , 2020-07-23, 写在 JavaScript, 查看 107 次.
URL http://www.code666.cn/view/3d0236a1
  1. <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
  2. <script type="text/javascript">
  3. $(document).ready(function() {
  4.         var n=0,y=['4','8','12','13','14','15','16'];
  5.         for(var i=1;i<=16;i++){
  6.                 var Box='<span id="box_'+i+'" class="box" num="0"></span>';
  7.                 $('#lower').append(Box);
  8.                 if(i<=4){
  9.                         $('#box_'+i+'').animate({left:100*i-100+"px"}, 0)
  10.                                                    .show(0).delay(i*400-400).animate({width:"90px",height:"90px",top:"300px"}, 800).attr("num",i);
  11.                 }else if(i<=8){
  12.                         $('#box_'+i+'').animate({left:100*i-500+"px"}, 0)
  13.                                                    .show(0).delay(i*400-400).animate({width:"90px",height:"90px",top:"200px"}, 800).attr("num",i);                             
  14.                 }else if(i<=12){
  15.                         $('#box_'+i+'').animate({left:100*i-900+"px"}, 0)
  16.                                                    .show(0).delay(i*400-400).animate({width:"90px",height:"90px",top:"100px"}, 800).attr("num",i);                             
  17.                 }else{
  18.                         $('#box_'+i+'').animate({left:100*i-1300+"px"}, 0)
  19.                                                    .show(0).delay(i*400-400).animate({width:"90px",height:"90px",top:"0px"}, 800).attr("num",i);                               
  20.                 }
  21.         };
  22.         $('#lower span').bind("click",function(){
  23.                 $(this).addClass("select");
  24.                 var code=$(this).attr("num");
  25.                 for (var j=0; j<y.length; j++){
  26.                         if(code==y[j]){
  27.                                 y = jQuery.grep(y, function(n, i){
  28.                                   return (n != code);
  29.                                 });
  30.                                 n=n+1;
  31.                         }else{
  32.                                 n=n+0;
  33.                         }
  34.                 };
  35.                 if($('.select').length==7){
  36.                         if(n==7){
  37.                                 $('#lower').empty().append('<a href="http://icold.me"></a>');
  38.                                 $('#lower a').fadeIn(800);
  39.                         }else{
  40.                                 $('#page').delay(1000).append('<div id="tips"><p>密码错了，重来吧！</p></div>');
  41.                                 $('#tips').slideDown(500).delay(2000).slideUp(500);
  42.                                 $('#lower span').removeClass("select");
  43.                                 n=0;
  44.                                 y=['4','8','12','13','14','15','16'];
  45.                         }
  46.                 }      
  47.         });
  48. });
  49. </script>
  50. //javascript/1080

回复 "[jquery]图形密码"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666