js实现弹出图片，并可以关闭实现

html部分代码

<a href="javascript:;" onclick="repeat()">222222</a>
	<div id="modal_volume"
		style="position: fixed; text-align: center; width: 100%; height: 100%; top: 0; z-index: 9999; display: none;">
		<table style="width: 100%; height: 100%;">
			<tr>
				<td align="center" style="">
					<div id="showimg" style="width: 900px; position: relative">
						<img src="img/1.jpg" /></a> <a
							href="javascript:$('#modal_volume').fadeOut();"
							style="display: block; width: 45px; height: 45px; position: absolute; right: 11px; top: 10px; z-index: 2">关闭</a>
					</div>
				</td>
			</tr>
		</table>
	</div>

js的代码

<script src="js/jquery.min.js"></script>
<script>
	function repeat() {
		$('#modal_volume').fadeIn();
	}
</script>

这样就可以实现双击展示图片，点击关闭这层就消失了。

fadeIn() 方法逐渐改变被选元素的不透明度，从隐藏到可见。
fadeOut() 方法逐渐改变被选元素的不透明度，从可见到隐藏。