给div层设置投影
<HTML><HEAD><TITLE>div層投影</TITLE>
<META http-equiv=Content-Type content="text/html; charset=utf-8">
<SCRIPT src="無標(biāo)題頁.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 οnclick=clk() type=button value=sdfsdfsdff οnblur="clk()">
<BR><BR>
<DIV id=border>
<DIV class="out narrow" id=divLoginInfo style="DISPLAY: none">
<DIV class="in ltin tpin"
id=divIn>div框里面的內(nèi)容<BR>div框里面的內(nèi)容<BR>div框里面的內(nèi)容</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博客，轉(zhuǎn)載請標(biāo)明出處：http://blog.csdn.net/qiubgstudy/archive/2007/12/10/1926369.aspx
轉(zhuǎn)載于:https://www.cnblogs.com/liufei88866/archive/2009/08/13/1545392.html
總結(jié)
- 上一篇： Linux下基于eclipse的arm开
- 下一篇： 翻译预告 《介绍 GENEVA Beta