.net编程

开发平台：

C#

Default.aspx：源码内容

							<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>     
<title> </title>     
<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312"   />     
<style   type="text/css">     
*{margin:0;padding:0;}     
</style>     
<script   type="text/javascript"   language="javascript">     
function openDiv()
{
     var bgDiv = document.getElementById("bgDiv");    
     var   sWidth,sHeight;     
     sWidth=document.body.offsetWidth;//浏览器工作区域内页面宽度     
     sHeight=screen.height;//屏幕高度（垂直分辨率）  
     bgDiv.style.position="absolute";     
     bgDiv.style.top="0";     
     bgDiv.style.background="#EBE9DB";     
     bgDiv.style.filter="progid:DXImageTransform.Microsoft.Alpha(style=3,opacity=25,finishOpacity=75)";     
     bgDiv.style.opacity="0.6";     
     bgDiv.style.left="0";     
     bgDiv.style.width=sWidth   +   "px";     
     bgDiv.style.height=sHeight   +   "px";     
     bgDiv.style.zIndex   =   "10000";   
     
     
     var myDiv = document.getElementById("disDiv");    
     myDiv.style.zIndex   =   "100001";  
     myDiv.style.display = "";
     
}  
function noneDiv()
{
    var bgDiv = document.getElementById("bgDiv");
    bgDiv.style.width="0px";
    bgDiv.style.height="0px";   
    var myDiv = document.getElementById("disDiv"); 
    myDiv.style.display = "none";
    
    
}
</script>     
</head>     
   
<body>  
<div style="z-index:100;"> 
   <input type="button" value="更换头像" onclick="openDiv()" />
   </div> 
   <!--弹出层start -->   
    <div id="disDiv" style="position:absolute; display:none; top:100px; left:100px; width:100px; height:100px;">
        <img alt="头像" onclick="noneDiv()" src="images/7.gif" id="img1" />
    </div>
    <!--弹出层end -->   
    <!--遮盖层start-->
    <div id="bgDiv"></div>
    <!--遮盖层end-->
</body>     
</html>

						