Javascript单击图片放大功能

<script language="javascript">...




function show(layerid)...{


document.all.ly.style.display="block";


document.all.ly.style.width=document.body.clientWidth;


document.all.ly.style.height=document.body.clientHeight;


document.all(layerid).style.display='block';


}


</script>




<div id="ly" style="position:absolute;top:0px;FILTER: alpha(opacity=60);background-color:#777; z-index:2; left: 0px;display:none;"> </div>




<!-- 浮层框架开始 -->


<div id="Layer<%=rsXS("Id")%>" align="center" style="position:absolute; z-index:<%=i+2%>; width: 200px; height:300px;left:expression((document.body.offsetWidth-250*<%=(3.5-i)%>)/2); top: expression((document.body.offsetHeight-350)/2);background-color:#fff;display:none;" class="img-wrapper2"><img id="photo" width="100%" height="100%" src="<%="../"&server.HTMLEncode(rsXS("PhotoPath") & "")%>" alt="<%=rsXS("Photoname")%>" onClick="document.all.ly.style.display='none';document.all.Layer<%=rsXS("Id")%>.style.display='none';" style="cursor:hand;"></div>


<!-- 浮层框架结束 -->

1、调用show()

2、show()显示隐藏的ly层,作为阴影覆盖

3、show()显示Layer层,