Home >Web Front-end >HTML Tutorial >Menu made with css div_html/css_WEB-ITnose

Menu made with css div_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:33:381343browse

Menu made of css div: a main display layer, other lists are hidden, use js function to set the display and hiding of the list. Two functions are used respectively, and the effect of the function implementation is the same. One is the example in the "Css Dhtml Essence" book, and the other is the function I found. The first function is eval(layerRef layerName endLayerRef styleRef ".visibility = 'visible'") ;                                         eval(layerRef layerName endLayerRef styleRef ".visibility = 'hidden'"); >                                                                                                        {
var i,p,v,obj,args=MM_showHideLayers.arguments;
                                                                                                      {
                            v =args[i 2];                                                                                                                                                                                                                                          ')?'hidden':v;
                                                                                    >                                                                                                                                               var p,i,x;
if(!d)
d=document; > {
              d=parent.frames[n.substring(p 1)].document;                                             if(!(x=d[ n])&&d.all)
                                                                                       s[i] [n];
for(i=0;!x&&d.layers&&i if( !x && document.getElementById)
                     x=document.getElementById(n);
              return x;
       }
       //第二个函数







菜单
 
 
 
   
   


 


 
 
  onMouseOut="javascript:hiddenMenu('shui')" >
  • 苹果

  • 香蕉

  • 猕猴桃

  • 火龙果

  • 苹果2

  • 香蕉2

  • 猕猴桃2

  • 火龙果2

  • 猕猴桃3

  • 火龙果3


  •                 onmouseout="javascript:MM_showHideLayers('hua','','hide')">
  • 菊花

  • 玫瑰

  • 牡丹

  • 茉莉

  • 君子兰

  • 虞美人

  • 喇叭花2

  • 桂花2


  •                 onmouseout="javascript:MM_showHideLayers('che','','hide')">
  • 大众

  • 奥迪

  • 宝马

  • 奔驰

  • 保时捷

  • 福特

  • 克莱斯勒

  • 法拉利

  • 克莱斯勒2

  • 法拉利2


  •  
     


    Statement:
    The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn