jQuery网格马赛克动画显示隐藏图片特效插件

js代码

<script src=\"js/jquery-1.11.0.min.js\" type=\"text/javascript\"></script>
<script type=\"text/javascript\" src=\"js/gridImageAnimation.js\"></script>
<script type=\"text/javascript\">
	$(function(){
		var img1 = $(\'.img1\');
			var img2 = $(\'.img2\');
			var img3 = $(\'.img3\');

			$(\'.run-plugin\').click(function(e){

				e.preventDefault();

				if ( $(this).hasClass(\'complete\') ){ return false; } 
				
				if ( $(this).hasClass(\'demo1\')){
					var obj1 = img1.gridImageAnimation({ \'mode\' : \'fadeIn\' , complete : function(){$(\'.demo1\').addClass(\'complete\').html(\'Complete\');}  });
				}
				else if ( $(this).hasClass(\'demo2\')){
					var obj2 = img2.gridImageAnimation({ \'mode\' : \'fadeOut\',\'cell\' : 10,  \'speed\' : 80,  complete : function(){$(\'.demo2\').addClass(\'complete\').html(\'Complete\');}  });
				}
				if ( $(this).hasClass(\'demo3\')){
					var obj3 = img3.gridImageAnimation({ \'mode\' : \'fadeIn\', \'cell\' : 30 , \'speed\' : 90, complete : function(){$(\'.demo3\').addClass(\'complete\').html(\'Complete\');}  });
				}

			});
	})
</script>