<HTML><HEAD><TITLE>div层投影</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<SCRIPT src="无标题页.files/XmlHttp.js" type=text/javascript></SCRIPT>
<STYLE>.out {
BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; BACKGROUND: #bbb; LEFT: 5px; MARGIN: 1em 0px; BORDER-LEFT: #ddd 1px solid; BORDER-BOTTOM: #ddd 1px solid; POSITION: relative; TOP: 5px
}
.in {
BORDER-RIGHT: #555 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #555 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: normal; BACKGROUND: #fff; PADDING-BOTTOM: 5px; BORDER-LEFT: #555 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #555 1px solid; POSITION: relative
}
.narrow {
FLOAT: left
}
H4 {
FONT-WEIGHT: bold; COLOR: #000
}
</STYLE>
<META content="MSHTML 6.00.2900.3199" name=GENERATOR></HEAD>
<BODY>
<FORM id=ctl01 name=ctl01 action=icon.aspx method=post>
<DIV>
</DIV><INPUT onclick=clk() type=button value=sdfsdfsdff onblur="clk()">
<BR><BR>
<DIV id=border>
<DIV class="out narrow" id=divLoginInfo style="DISPLAY: none">
<DIV class="in ltin tpin"
id=divIn>div框里面的内容<BR>div框里面的内容<BR>div框里面的内容</DIV></DIV></DIV></FORM>
<SCRIPT>
function clk()
{
var b=document.getElementById("border")
var e=document.getElementById("divLoginInfo")
var c=document.getElementById("divIn")
if(e.style.display=="none")
e.style.display="";
else
{ e.style.display="none"; return;}
b.style.position="absolute";
b.style.left=window.event.clientX+document.body.scrollLeft-5;
b.style.top=window.event.clientY+document.body.scrollTop-21;
// e.style.left = window.event.x-10;
// e.style.top = window.event.clientY-55;
c.style.left="-2px";
c.style.top="-2px";
}
</SCRIPT>
</BODY></HTML>
本文来自CSDN博客，转载请标明出处：http://blog.csdn.net/qiubgstudy/archive/2007/12/10/1926369.aspx