jquery 图片全屏效果

css样式：

html { color:#000; -webkit-text-size-adjust:none; }
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td { margin:0; padding:0; }
body { font-size:12px; font-family: Arial, Helvetica, sans-serif; color:#848484; line-height:25px; }
li { list-style:none; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a, button { text-decoration:none; outline:none; }
legend, caption { display:none; }
h1, h2, h3, h4, h5, h6 { font-family:'Microsoft YaHei', 'SimSun'; font-size:12px; }
.bigpic { width:100%; height:100%; position:absolute; left:0; top:0; z-index:100; display:none; }
.container { padding:40px 20px 49px 20px; min-height:300px; }
.quanpin { height:18px; position:relative; }
.quanpin a { display:block; width:67px; height:18px; background:url(images/quanpin.png); position:absolute; right:771px; bottom:-3px; font-size:0; line-height:0; }

html：

<div class="bigpic"><img src="images/ZZJG.png" alt="" height="100%" width="100%"></div>
<div style="height: 450px;" class="container">
  <div class="org"><img alt="" src="images/ZZJG.png" height="359" width="654">
    <div class="quanpin"><a href="#"> </a></div>
  </div>
  <div style="text-align:center;"></div>
</div>

jquery：

<script type="text/javascript" src="js/jQuery1.js"></script> 
<script type="text/javascript">
  $(function(){
	$('.org a').click(function(){
		$('.bigpic').fadeIn();				   
	})
	$('.bigpic').click(function(){
		$(this).fadeOut();						
	})
  });
</script>