注册 登录
  • 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心洋葱网用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

[jquery]图形密码

JavaScript 水墨上仙 2871次浏览 已收录 手机上查看

[jquery]图形密码


<script type="text/javascript" src="https://ajax.useso.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	var n=0,y=['4','8','12','13','14','15','16'];
	for(var i=1;i<=16;i++){
		var Box='<span id="box_'+i+'" class="box" num="0"></span>';
		$('#lower').append(Box);
		if(i<=4){
			$('#box_'+i+'').animate({left:100*i-100+"px"}, 0)
						   .show(0).delay(i*400-400).animate({width:"90px",height:"90px",top:"300px"}, 800).attr("num",i);
		}else if(i<=8){
			$('#box_'+i+'').animate({left:100*i-500+"px"}, 0)
						   .show(0).delay(i*400-400).animate({width:"90px",height:"90px",top:"200px"}, 800).attr("num",i);				
		}else if(i<=12){
			$('#box_'+i+'').animate({left:100*i-900+"px"}, 0)
						   .show(0).delay(i*400-400).animate({width:"90px",height:"90px",top:"100px"}, 800).attr("num",i);				
		}else{
			$('#box_'+i+'').animate({left:100*i-1300+"px"}, 0)
						   .show(0).delay(i*400-400).animate({width:"90px",height:"90px",top:"0px"}, 800).attr("num",i);				
		}
	};
	$('#lower span').bind("click",function(){
		$(this).addClass("select");
		var code=$(this).attr("num");
		for (var j=0; j<y.length; j++){
			if(code==y[j]){
				y = jQuery.grep(y, function(n, i){
				  return (n != code);
				});
				n=n+1;
			}else{
				n=n+0;
			}
		};
		if($('.select').length==7){
			if(n==7){
				$('#lower').empty().append('<a href="http://icold.me"></a>');
				$('#lower a').fadeIn(800);
			}else{
				$('#page').delay(1000).append('<div id="tips"><p>密码错了,重来吧!</p></div>');
				$('#tips').slideDown(500).delay(2000).slideUp(500);
				$('#lower span').removeClass("select");
				n=0;
				y=['4','8','12','13','14','15','16'];
			}
		}	
	});
});
</script>


开心洋葱 , 版权所有丨如未注明 , 均为原创丨未经授权请勿修改 , 转载请注明[jquery]图形密码
喜欢 (0)
[开心洋葱]
分享 (0)
关于作者:
水墨上仙
……
加载中……