WEB菜单

原创 2006年06月06日 13:02:00
 
<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"  >图片管理

相关文章推荐

AS3仿web菜单

  • 2015年08月08日 18:09
  • 262KB
  • 下载

Web前端开发实战2:二级下拉式菜单之JS实现

上一篇博文提到了二级下拉式菜单是用HTML和CSS实现的,我们这一篇来用JavaScript脚本实现下拉菜单的显 示和隐藏。使用 JavaScript方法实现我们需要用的知识有:         1)...

Slideout.js – 滑出式 Web App 导航菜单

Slideout.js 是为您的移动 Web 应用开发的触摸滑出式的导航菜单。它没有依赖,自由搭配简单的标记,支持原生的滚动,您可以轻松地定制它。它支持不同的 CSS3 转换和过渡。最重要的是,它只是...

[Web]很炫的抽屉菜单

  • 2007年08月07日 18:33
  • 16KB
  • 下载

【jQuery】smartMenu右键自定义上下文菜单插件(似web QQ)

一、这是什么样的一个插件 浏览器默认的右键选项有时候并不是我们所需要的,我们希望浏览器的右键选项菜单更智能,可以灵活自定义。比较有代表性的就是web QQ,例如下面截图: QQ邮箱中也...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WEB菜单
举报原因:
原因补充:

(最多只允许输入30个字)