点击打开关闭层

function hrefclick()
{ 
 document.getElementById("CartInfo1_MessageShow").style.left =event.x;
 document.getElementById("CartInfo1_MessageShow").style.top =  document.documentElement.scrollTop + event.y;
 //document.getElementById("CartInfo1_MessageShow").style.position="absolute";
 document.getElementById("CartInfo1_MessageShow").className = "href bg3 abs closestyle ";

}
function colseClick()
{
 document.getElementById("CartInfo1_MessageShow").style.left =event.x;
 document.getElementById("CartInfo1_MessageShow").style.top =  document.documentElement.scrollTop + event.y;
 // document.getElementById("CartInfo1_MessageShow").style.position="absolute";
 document.getElementById("CartInfo1_MessageShow").className =  "close bg3 abs closestyle ";
}

  function window.onload() 
  { 
        var olink=document.links; 
        for(var i=0;i<olink.length;i++) 
        { 
           olink[i].onmouseover=function()
           {window.status='';return   true;} 
        } 
  } 
</script>

 <!--这里是浮动的div,-->
 <div class="close bg3 abs closestyle" id="MessageShow" style="LEFT: 220px; WIDTH: 245px; TOP: 190px; HEIGHT: 280px"
  runat="server">
  <div class="r"><A onclick="colseClick();" href="###"><IMG src="images/close.gif"></A></div>
  <iframe id="CartInfo_Iframe" name="CartInfo_Iframe" marginWidth="0" marginHeight="0" src="CartInfo_Iframe.aspx"
   frameBorder="no" width="218" scrolling="no" onload="javascript:dyniframesize('CartInfo_Iframe');">
  </iframe>
 </div>

样式

<style type="text/css">BODY { FONT-SIZE: 14px; MARGIN: 0px }
 .bg1 { BACKGROUND-COLOR: #d7ebff }
 .bg2 { BACKGROUND-COLOR: #cccc99 }
 .bg3 { BORDER-RIGHT: #a1d0ff 1px solid; BORDER-TOP: #a1d0ff 1px solid; BORDER-LEFT: #a1d0ff 1px solid; BORDER-BOTTOM: #a1d0ff 1px solid; BACKGROUND-COLOR: #f6fbff }
 A.bluelnk:link { COLOR: #092496; TEXT-DECORATION: none }
 A.bluelnk:visited { COLOR: #092496; TEXT-DECORATION: none }
 A.bluelnk:active { COLOR: #092496; TEXT-DECORATION: none }
 A.bluelnk:hover { COLOR: orange; TEXT-DECORATION: underline }
 A.bluegray:link { COLOR: #333; TEXT-DECORATION: underline }
 A.bluegray:visited { COLOR: #333; TEXT-DECORATION: underline }
 A.bluegray:active { COLOR: #333; TEXT-DECORATION: underline }
 A.bluegray:hover { COLOR: orange; TEXT-DECORATION: underline }
 .cartbill SPAN { PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; PADDING-TOP: 18px }
 IMG { BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none }
 .ln15 { LINE-HEIGHT: 1.8em }
 .abs { POSITION: absolute }
 .r { MARGIN: 5px 5px 0px 0px; TEXT-ALIGN: right }
 .closestyle { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px }
 .href { DISPLAY: block }
 .close { DISPLAY: none }
</style>