qingtianyzl

晴天blog(QQ:14493558)
  博客园  :: 新随笔  :: 联系 :: 管理

此为我设计的一款菜单,专门对付div不能够遮盖select控件的问题

Posted on 2007-03-29 16:00  晴天  阅读(244)  评论(0)    收藏  举报
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="menuMain.aspx.cs" Inherits="Admin_Frameset_menuMain" %>


<!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 id="Head1" runat="server">
    <title>无标题页</title>
    <style id=s>
    
    A:link {
   COLOR: #000000;
}
A:visited {
    COLOR: #000000;
}
A:hover {
    COLOR: white; 
}
A:active {
   COLOR: white;
   }

#div3{
position:absolute;
z-index:200;
width:100;
height:100;
background-color:#ffffff;
border:1 solid black;
}


#div4{
position:absolute;
z-index:200;
width:100;
height:100;
background-color:#d2e8ff;
border:1 solid black;
}

#div5{
position:absolute;
z-index:200;
width:100;
height:100;
background-color:#d2e8ff;
border:1 solid black;
}


#div6{
position:absolute;
z-index:200;
width:100;
height:130;
background-color:#d2e8ff;
border:1 solid black;
}


#div7{
position:absolute;
z-index:200;
width:100;
height:130;
background-color:#d2e8ff;
border:1 solid black;
}

#menu ul {list-style:none;margin:0px;}


#div8{
position:absolute;
z-index:200;
width:100;
height:130;
background-color:#d2e8ff;
border:1 solid black;
}
div{cursor:hand;font-size:12px;}
a{text-decoration:none;color:red;font-size:12px}



body {
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;

    
}

</style>

</head>
<body>
<script>

function window.onload(){


var shtml=div3.innerHTML;
var ifm=document.createElement("<iframe frameborder=0 marginheight=0 marginwidth=0 hspace=0 vspace=0 scrolling=no></iframe>")
ifm.style.width=div3.offsetWidth

ifm.style.height=div3.offsetHeight-20
ifm.name=ifm.uniqueID
div3.innerHTML=""
div3.appendChild(ifm)
window.frames[ifm.name].document.write(s.outerHTML+"<body leftmargin=0 topmargin=0>"+shtml+"</body>")



var shtml=div4.innerHTML;
var ifm=document.createElement("<iframe frameborder=0 marginheight=0 marginwidth=0 hspace=0 vspace=0 scrolling=no></iframe>")
ifm.style.width=div4.offsetWidth
ifm.style.height=div4.offsetHeight-20
ifm.name=ifm.uniqueID
div4.innerHTML=""
div4.appendChild(ifm)
window.frames[ifm.name].document.write(s.outerHTML+"<body leftmargin=0 topmargin=0>"+shtml+"</body>")


var shtml=div5.innerHTML;
var ifm=document.createElement("<iframe frameborder=0 marginheight=0 marginwidth=0 hspace=0 vspace=0 scrolling=no></iframe>")
ifm.style.width=div5.offsetWidth
ifm.style.height=div5.offsetHeight-20
ifm.name=ifm.uniqueID
div5.innerHTML=""
div5.appendChild(ifm)
window.frames[ifm.name].document.write(s.outerHTML+"<body leftmargin=0 topmargin=0>"+shtml+"</body>")



var shtml=div6.innerHTML;
var ifm=document.createElement("<iframe frameborder=0 marginheight=0 marginwidth=0 hspace=0 vspace=0 scrolling=no></iframe>")
ifm.style.width=div6.offsetWidth
ifm.style.height=div6.offsetHeight-20
ifm.name=ifm.uniqueID
div6.innerHTML=""
div6.appendChild(ifm)
window.frames[ifm.name].document.write(s.outerHTML+"<body leftmargin=0 topmargin=0>"+shtml+"</body>")

var shtml=div7.innerHTML;
var ifm=document.createElement("<iframe frameborder=0 marginheight=0 marginwidth=0 hspace=0 vspace=0 scrolling=no></iframe>")
ifm.style.width=div7.offsetWidth
ifm.style.height=div7.offsetHeight-20
ifm.name=ifm.uniqueID
div7.innerHTML=""
div7.appendChild(ifm)
window.frames[ifm.name].document.write(s.outerHTML+"<body leftmargin=0 topmargin=0>"+shtml+"</body>")



var shtml=div8.innerHTML;
var ifm=document.createElement("<iframe frameborder=0 marginheight=0 marginwidth=0 hspace=0 vspace=0 scrolling=no></iframe>")
ifm.style.width=div8.offsetWidth
ifm.style.height=div8.offsetHeight
ifm.name=ifm.uniqueID
div8.innerHTML=""
div8.appendChild(ifm)
window.frames[ifm.name].document.write(s.outerHTML+"<body leftmargin=0 topmargin=0>"+shtml+"</body>")
 

}


function show3(){
with(document.all.img3){
x=offsetLeft;
y=offsetTop;
objParent=offsetParent;
while(objParent.tagName.toUpperCase()!= "BODY"){
x+=objParent.offsetLeft;
y+=objParent.offsetTop;
objParent = objParent.offsetParent;
}
y+=offsetHeight-1
}
with(document.all.div3.style){
pixelLeft=x
pixelTop=y
visibility=''

}
}



function show4(){
with(document.all.img4){
x=offsetLeft;
y=offsetTop;
objParent=offsetParent;
while(objParent.tagName.toUpperCase()!= "BODY"){
x+=objParent.offsetLeft;
y+=objParent.offsetTop;
objParent = objParent.offsetParent;
}
y+=offsetHeight-1
}
with(document.all.div4.style){
pixelLeft=x
pixelTop=y
visibility=''
}
}



function show5(){
with(document.all.img5){
x=offsetLeft;
y=offsetTop;
objParent=offsetParent;
while(objParent.tagName.toUpperCase()!= "BODY"){
x+=objParent.offsetLeft;
y+=objParent.offsetTop;
objParent = objParent.offsetParent;
}
y+=offsetHeight-1
}
with(document.all.div5.style){
pixelLeft=x
pixelTop=y
visibility=''
}
}

function show6(){
with(document.all.img6){
x=offsetLeft;
y=offsetTop;
objParent=offsetParent;
while(objParent.tagName.toUpperCase()!= "BODY"){
x+=objParent.offsetLeft;
y+=objParent.offsetTop;
objParent = objParent.offsetParent;
}
y+=offsetHeight-1
}
with(document.all.div6.style){
pixelLeft=x
pixelTop=y
visibility=''
}
}


function show7(){
with(document.all.img7){
x=offsetLeft;
y=offsetTop;
objParent=offsetParent;
while(objParent.tagName.toUpperCase()!= "BODY"){
x+=objParent.offsetLeft;
y+=objParent.offsetTop;
objParent = objParent.offsetParent;
}
y+=offsetHeight-1
}
with(document.all.div7.style){
pixelLeft=x
pixelTop=y
visibility=''
}
}


function show8(){
with(document.all.img8){
x=offsetLeft;
y=offsetTop;
objParent=offsetParent;
while(objParent.tagName.toUpperCase()!= "BODY"){
x+=objParent.offsetLeft;
y+=objParent.offsetTop;
objParent = objParent.offsetParent;
}
y+=offsetHeight-1
}
with(document.all.div8.style){
pixelLeft=x-18
pixelTop=y
visibility=''
}
}




 
function hide3(){
document.all.div3.style.visibility='hidden'
}


function hide4(){
document.all.div4.style.visibility='hidden'
}

function hide5(){
document.all.div5.style.visibility='hidden'
}

function hide6(){
document.all.div6.style.visibility='hidden'
}

function hide7(){
document.all.div7.style.visibility='hidden'
}


function hide8(){
document.all.div8.style.visibility='hidden'
}
</script>

   <form id="form1" runat="server">

   
 
     <table  border="0" cellpadding=2 bordercolordark=black bordercolorlight=fuchsia  width="100%" bgcolor="#339966"  background="../images/menumain_01_bei.gif">
     <tr>
     <td align=right style="font-size:13px;">  
    <label id=img3 onMouseOver="show3();style.backgroundColor='#316ac5'" onMouseOut="hide3();style.backgroundColor=''"><a href="#">学校资产汇总</a></label>&nbsp;&nbsp; | &nbsp;
    <label id=img4 onmousemove="show4();style.backgroundColor='#316ac5'"  onMouseOut="hide4();style.backgroundColor=''"><a href="#">学校资产分类统计</a></label> &nbsp;| &nbsp;&nbsp;
    <label id=img5 onMouseOver="show5();style.backgroundColor='#316ac5'"  onMouseOut="hide5();style.backgroundColor=''"><a href="#">教学用房分类统计</a></label>&nbsp; | &nbsp;&nbsp; 
    <label id=img6 onMouseOver="show6();style.backgroundColor='#316ac5'"  onMouseOut="hide6();style.backgroundColor=''"><a href="#">实验教学统计</a></label>&nbsp; | &nbsp;
    <label id=img7 onMouseOver="show7();style.backgroundColor='#316ac5'"  onMouseOut="hide7();style.backgroundColor=''"><a href="#">装备经费统计</a></label> &nbsp;| &nbsp;
    <label id=img8 onMouseOver="show8();style.backgroundColor='#316ac5'"  onMouseOut="hide8();style.backgroundColor=''"><a href="#">装备人员统计</a></label>&nbsp; &nbsp;&nbsp; &nbsp; 
 
     </td>
     </tr>
     
     </table> 
     
     <div style="text-align:center">
<asp:Image id="Image1" runat="server" ImageUrl="~/Admin/Images/hy_bei05.gif"></asp:Image>
</div>
    
    
        <div style="float:left; width: 200px; height: 345px;line-height: 200%">  

<div id="div3"   onMouseOver="style.visibility=''"  onMouseOut="style.visibility='hidden'"  style="visibility:hidden; ">
<h1 style="list-style:none;line-height:74%;border : 1.3px groove #aca899;height:99px; width:130px;text-indent : 6px;font-weight:100;">

<div href="../Modules/AccountStatistics/SchoolExperimentGapStatistic.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">实验仪器缺口统计</a></div>
<div href="../Modules/AccountStatistics/SchoolLowAssetStatistics.aspx"   onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">学校底值资产汇总</a></div>
<div href="../Modules/AccountStatistics/SchoolRivetAssetStatistics.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">学校固定资产汇总</a></div>
<div href="../Modules/AccountStatistics/SchoolRepertoryStatistic.aspx"   onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">资产库存统计</a></div>

</h1>
</div>
  

<div id=div4 onMouseOver="style.visibility=''" onMouseOut="style.visibility='hidden'" style="visibility:hidden;">
<h4  style="list-style:none;line-height:150%;border : 1.3px groove #aca899; height:195px; width:150px;text-indent : 10px;font-weight:100;">

<div href="../Modules/AccountStatistics/ExperimentEquipmentStatistic.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">实验设施设备统计</a></div>
<div href="../Modules/AccountStatistics/InfoTechnicHardwareStatistic.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">信息技术硬件统计</a></div>
<div href="../Modules/AccountStatistics/InfoTechnicSoftWareStatistic.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">信息技术软件统计</a></div>
<div href="../Modules/AccountStatistics/SchoolBooksSortStatistic.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">图书分类统计</a></div>
<div href="../Modules/AccountStatistics/SchoolTeachMatStatistic.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">电教教材分类统计</a></div>
<div href="../Modules/AccountStatistics/SchoolAssetSortStatistic.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">固定资产分类统计</a></div>
<div href="../Modules/AccountStatistics/SchoolLvAssetSortStatistic.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">低值资产分类统计</a></div>
<div href="../Modules/AccountStatistics/LaboratoryUseHouseStatistics.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">易耗资产分类统计</a></div> 
 </h4>
 </div>
  
 
<div id=div5 onMouseOver="style.visibility=''" onMouseOut="style.visibility='hidden'" style="visibility:hidden;">
<h5  style="list-style:none;line-height:180%;border : 1.3px groove #aca899; height:123px; width:150px;text-indent : 10px;font-weight:100;">

<div href="../Modules/AccountStatistics/LaboratoryUseHouseStatistics.aspx" onMouseOver="style.backgroundColor='#316ac5'"  onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">实验室用房统计</a></div>
<div href="../Modules/AccountStatistics/LibraryUseHouseStatistics.aspx" onMouseOver="style.backgroundColor='#316ac5'"     onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">图书馆用房统计</a></div>
<div href="../Modules/AccountStatistics/LiteratureUseHourseStatistics.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">音美体卫用房统计</a></div>
<div href="../Modules/AccountStatistics/PsychologyUseHourseStatistics.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">心理科技用房统计</a></div>
<div href="../Modules/AccountStatistics/InfoUseHourseStatistics.aspx" onMouseOver="style.backgroundColor='#316ac5'"       onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">信息技术用房统计</a></div>

</h5>
</div>
  
  

<div id=div6 onMouseOver="style.visibility=''" onMouseOut="style.visibility='hidden'" style="visibility:hidden;">
<h6  style="list-style:none;line-height:235%;border : 1.3px groove #aca899; height:51px; width:130px;text-indent : 6px;font-weight:100;">

<div href="../Modules/AccountStatistics/SchooleExperimentCircsSearch.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">实验开出情况查询</div>
<div href="../Modules/AccountStatistics/SchooleExperimentRatioStatistics.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">实验开出率查询</div>

</h6>
</div>
  
  
  
  

  
  
  
    
<div id=div7 onMouseOver="style.visibility=''" onMouseOut="style.visibility='hidden'" style="visibility:hidden;">

<h1  style="list-style:none;line-height:73%;border : 1.3px groove #aca899; height:75px; width:130px;text-indent : 6px;font-weight:100;">

<div href="../Modules/AccountStatistics/SchoolExpendOutStatistics.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">报损维护支出统计</div>
<div href="../Modules/AccountStatistics/SchoolOutlayInYearStatistics.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">经费来源统计</div>
<div href="../Modules/AccountStatistics/SchoolOutlayOutYearStatistics.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">资产分类统计</div>

</h1>
 </div>
  
  
  
    
<div id=div8 onMouseOver="style.visibility=''" onMouseOut="style.visibility='hidden'" style="visibility:hidden;">
<h2  style="list-style:none;line-height:100%;border : 1.3px groove #aca899; height:51px; width:110px;text-indent : 6px;font-weight:100;">

<div href="../Modules/AccountStatistics/SchoolTeacherInfoSearch.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">装备教师基本信息</a></div>
<div href="../Modules/AccountStatistics/SchoolTeacherSortStatistic.aspx" onMouseOver="style.backgroundColor='#316ac5'" onMouseOut="style.backgroundColor=''" onClick="window.open(href)"><a href="#">装备人员分类统计</a></div>

</h2>
</div>

</div>  

  
</form>
</body>
</html>
60多年前，一个朋友给我讲了一个笑话，把我笑翻了，后来由于肚子太疼进了医院。医生给我做手术前，问我 为什么笑成这样，我就讲给他听。他听后狂笑不止，最后竟然笑死了。 我被送上了法庭。法官让我把那个笑话讲出来，由陪审团判定是否与过失杀人的事实要件符合，我要求签订免责合同。法官宣布休庭，一天后重新开庭，宣布接纳我的意见。于是，我当庭把那个笑话讲了出来，结果有人笑得敲桌子，有人笑得在地上打滚。后来，当天所有听到这个笑话的人都笑死了。 我瞬间成了名人，各路记者纷纷要求采访我，我知道这笑话讲出去可能构成公共侵害，于是对着镜头，我含糊地说了一番话，大意就是：“理由永远是谎言，信仰永远是自慰。节目播出后，引起巨大反响。可没想到，有一天，几个神秘便衣闯进我的卧室，把我连拖带拽拉到一个黑屋子里。过了好久，一束强光照到我脸上。我勉强睁开眼睛，惊呆了，坐在我面前的人是目前惟一与我一样家喻户晓的人——总统。 总统大致交待了抓我的目的，很简单：把这个笑话录下来，然后送到中东敌对国家的独裁者那儿，笑死他。我只好答应他的要求，同时提出此笑话属于大规模杀伤性武器，不可针对平民。总统答应了。 两星期后，总统宣布已经掌握了那个笑话的关键技术，并且在沙漠地区试用成功。这在国际间引起轩然大波，很多国家惊慌失措，国际军事学家将此命名为“笑威慑”。就在此时，东方一个国家突然宣布也掌握了该笑话，原来给我讲笑话的那哥们投靠了该国。于是，我们之间形成了“笑威慑平衡”。 三年后，4月1日，我终日担心的终于发生了：中东一个恐怖组织盗取了那个笑话的原始技术。结果，文明遭到前所未有的破坏，各国政府惶惶不可终日。联合国只好召开全球首脑大会，最后将4月1日设定为愚人节。 60多年过去了，我已经风烛残年。在离开世界之前，作为历史见证人，我想有必要把这个笑话讲给大家。那天，我朋友给我讲的这个笑话很简单，很短，就一句话： http://www.tf-studio.com/WORK/FUN/15.HTML 必须回复后，才能查看