关闭

WEB菜单

标签: webfunctionbordermenujavascriptie
869人阅读 评论(0) 收藏 举报
分类:
 
<SCRIPT  language=JavaScript>  
<!--  
 
function  MM_goToURL()  {  //v3.0  
   var  i,  args=MM_goToURL.arguments;  document.MM_returnValue  =  false;  
   for  (i=0;  i<(args.length-1);  i+=2)  eval(args[i]+".location='"+args[i+1]+"'");  
}  
function  JM_cc(ob){  
var  obj=MM_findObj(ob);  if  (obj)  {    
obj.select();js=obj.createTextRange();js.execCommand("Copy");}  
}  
 
function  MM_findObj(n,  d)  {  //v4.0  
   var  p,i,x;    if(!d)  d=document;  if((p=n.indexOf("?"))>0&&parent.frames.length)  {  
       d=parent.frames[n.substring(p+1)].document;  n=n.substring(0,p);}  
   if(!(x=d[n])&&d.all)  x=d.all[n];  for  (i=0;!x&&i<d.forms.length;i++)  x=d.forms[i][n];  
   for(i=0;!x&&d.layers&&i<d.layers.length;i++)  x=MM_findObj(n,d.layers[i].document);  
   if(!x  &&  document.getElementById)  x=document.getElementById(n);  return  x;  
}  
//-->  
</SCRIPT>  
<SCRIPT  language=JavaScript>  
<!--  
 
menuPrefix  =  'menu';    //  Prefix  that  all  menu  layers  must  start  with  
                                           //  All  layers  with  this  prefix  will  be  treated  
                                           //  as  a  part  of  the  menu  system.  
 
var  menuTree,  mouseMenu,  hideTimer,  doHide;  
 
function  init()  {  
   ie4  =  (document.all)?true:false;  
   ns4  =  (document.layers)?true:false;  
   document.onmousemove  =  mouseMove;  
   if  (ns4)  {  document.captureEvents(Event.MOUSEMOVE);  }  
}  
 
function  expandMenu(menuContainer,subContainer,menuLeft,menuTop)  {  
           //  Hide  all  submenus  thats's  not  below  the  current  level  
           doHide  =  false;  
   if  (menuContainer  !=  menuTree)  {  
               if  (ie4)  {  
           var  menuLayers  =  document.all.tags("DIV");  
           for  (i=0;  i<menuLayers.length;  i++)  {  
               if  ((menuLayers[i].id.indexOf(menuContainer)  !=  -1)  &&  (menuLayers[i].id  !=  menuContainer))  {  
                   hideObject(menuLayers[i].id);  
               }  
           }  
       }  
       else  if  (ns4)  {  
           for  (i=0;  i<document.layers.length;  i++)  {  
               var  menuLayer  =  document.layers[i];  
               if  ((menuLayer.id.indexOf(menuContainer)  !=  -1)  &&  (menuLayer.id  !=  menuContainer))  {  
                   menuLayer.visibility  =  "hide";  
               }  
           }  
       }  
   }  
   //  If  this  is  item  has  a  submenu,  display  it,  or  it  it's  a  toplevel  menu,  open  it  
   if  (subContainer)  {  
       if  ((menuLeft)  &&  (menuTop))  {  
                   positionObject(subContainer,menuLeft,menuTop);  
                   hideAll();  
       }  
       else  {  
           if  (ie4)  {  
                       positionObject(subContainer,  document.all[menuContainer].offsetWidth  +  document.all[menuContainer].style.pixelLeft  -  10,  mouseY);  
           }  
           else  {  
                       positionObject(subContainer,  document.layers[menuContainer].document.width  +  document.layers[menuContainer].left  +  50,  mouseY);  
           }  
       }  
       showObject(subContainer);  
       menuTree  =  subContainer;  
   }  
}  
 
function  showObject(obj)  {  
   if  (ie4)  {  document.all[obj].style.visibility  =  "visible";  }  
   else  if  (ns4)  {  document.layers[obj].visibility  =  "show";    }  
}  
 
function  hideObject(obj)  {  
   if  (ie4)  {  document.all[obj].style.visibility  =  "hidden";  }  
   else  if  (ns4)  {  document.layers[obj].visibility  =  "hide";  }  
}  
 
function  positionObject(obj,x,y)  {  
   if  (ie4)  {  
       var  foo  =  document.all[obj].style;  
       foo.left  =  x;  
       foo.top  =  y;  
   }  
   else  if  (ns4)  {  
       var  foo  =  document.layers[obj];  
       foo.left  =  x;  
       foo.top  =  y;  
     }  
}  
 
function  hideAll()  {  
 if  (ie4)  {  
       var  menuLayers  =  document.all.tags("DIV");  
       for  (i=0;  i<menuLayers.length;  i++)  {  
           if  (menuLayers[i].id.indexOf(menuPrefix)  !=  -1)  {  
               hideObject(menuLayers[i].id);  
           }  
       }  
   }  
   else  if  (ns4)  {  
       for  (i=0;  i<document.layers.length;  i++)  {  
           var  menuLayer  =  document.layers[i];  
           if  (menuLayer.id.indexOf(menuPrefix)  !=  -1)  {  
               hideObject(menuLayer.id);  
           }  
       }  
   }  
}  
 
function  hideMe(hide)  {  
           if  (hide)  {  
                       if  (doHide)  {  hideAll();  }  
           }  
           else  {  
                       doHide  =  true;  
                       hideTimer  =  window.setTimeout("hideMe(true);",  1000);  
           }  
}  
 
function  mouseMove(e)  {  
   if  (ie4)  {  mouseY  =  window.event.y;  }  
   if  (ns4)  {  mouseY  =  e.pageY;  }  
}  
 
function  itemHover(obj,src,text,style)  {  
   if  (ns4)  {  
       var  text  =  '<nobr><a  href="'  +  src  +  '"  class="'  +  style  +  '">'  +  text  +  '<//a><//nobr>'  
       obj.document.open();  
       obj.document.write(text);  
       obj.document.close();  
   }  
}  
 
onload  =  init;  
//-->  
</SCRIPT>  
<style  type=text/css>  
<!--  
.menu                                              {  position:  absolute;  top:  2;  
                                                         visibility:  hidden;  background:  #000000;  
                                                         width:  79px;  margin:  0px  0px;  padding:  0px  0px;  
                                                         border:  1px  silver  solid;  
                                                         overflow:  visible;  ;  clip:      rect(      )}  
.menu  a:visited                          {  font-family:  "Tahoma";  font-size:  11px;  
                                                         text-decoration:  none;  font-weight:  normal;  
                                                         background:  #ffffff;  
                                                         width:  79px;  padding-left:  8px;  ;  line-height:  22px;    
                                                         border-color:  #000000  ;  border-style:  solid;    
                                                         border-width:  1px;  clip:    rect(      )}  
.menu  a:hover                              {  font-family:  "Tahoma";  font-size:  11px;  
                                                         text-decoration:  none;  font-weight:  normal;  
                                                         background:  #D6DFE7;  color:  #000000;  
                                                         width:  79px;  padding-left:  8px;  ;  line-height:  22px;    
                                                         clip:    rect(      )}  
.menu  .border                              {  border:  1px  solid  #D6DFE7;}  
.menu  .text                                  {  overflow:  hidden;  
                                                         width:  79px;  height:  15px;  }  
.menu  .arrow                                {  overflow:  hidden;  
                                                         width:  15px;  height:  12px;  
                                                         padding-left:  5px;  padding-top:  3px;  }  
.menu  .arrow  img                        {  width:  6px;  height:  7px;  
                                                         border:  0px;  }    .menu  a  {  font-family:  "Tahoma";    
                                                         font-size:  11px;  
                                                         text-decoration:  none;  font-weight:  normal;  
                                                         color:  black;  background:  #ffffff;  
                                                         width:  79px;  padding-left:  8px;      
                                                         clip:    rect(      );  border-color:  #000000;    
                                                         border-style:  solid;  border-width:  1px;  line-height:  22px}  .menu  a:link                                {  color:  #000000;  text-decoration:  none}  
 
.a  {    font-size:  12px;  text-decoration:  none}  
a:link  {    color:  #000000;  text-decoration:  none}  
a:hover  {    text-decoration:  underline}  
a:visited  {    color:  #000000;  text-decoration:  none;}  
-->  
</style>  
<div  align="center">  
<table  width="85%"  border="0"  cellspacing="1"  bgcolor="#D6DFE7"  class="docbutton">  
                 
                   <tr>    
                       <td  bgcolor="#D6DFE7"  height="30"  width="165">&nbsp;<img  src="../pic/point.gif"  width="13"  height="13"  border="0"></td>  
                       <td  bgcolor="#D6DFE7"  height="30"><div  align="right"><a  href="#;"    onMouseOver="expandMenu(null,'menu1',getPos(this,'Left'),getPos(this,'Top')+this.offsetHeight);"  class="a"  >图片管理
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:123871次
    • 积分:1779
    • 等级:
    • 排名:千里之外
    • 原创:48篇
    • 转载:56篇
    • 译文:0篇
    • 评论:6条
    最新评论