[jquery]图形密码

[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>