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
Release: 2016-06-24 12:33:38
Original
1327 people have browsed it

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


  •  
     


    Related labels:
    source:php.cn
    Statement of this Website
    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
    Popular Tutorials
    More>
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template