> 웹 프론트엔드 > HTML 튜토리얼 > css+div做的菜单_html/css_WEB-ITnose

css+div做的菜单_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 12:33:38
원래의
1333명이 탐색했습니다.

css+div做的菜单:一个主显示层,别的列表都隐藏着,用js函数设置列表的显示和隐藏。分别用到了两个函数,函数实现的效果是一样的,一个是参考的《css+Dhtml精髓》书上的事例,一个是找的函数。
第一个函数
              function showMenu(layerName)
              {
                     // show the layer the user wants to see
                     eval(layerRef + layerName + endLayerRef + styleRef + ".visibility = 'visible'");
                     }
              function hiddenMenu(layerName)
              {
                     // hidden the layer  
                     eval(layerRef + layerName + endLayerRef + styleRef + ".visibility = 'hidden'");
                     }
                     
                     //第一个函数
                     
第二个函数
function MM_showHideLayers()
       {
              var i,p,v,obj,args=MM_showHideLayers.arguments;
              for (i=0; i                      if ((obj=MM_findObj(args[i]))!=null)
                     {
                            v=args[i+2];
                            if (obj.style)
                            {
                                   obj=obj.style;
                                   v=(v=='show')?'visible' v='hide')?'hidden':v;
                            }
                            obj.visibility=v;
                     }
       }

         function MM_findObj(n, d)
       {
              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                      x=d.forms[i][n];
              for(i=0;!x&&d.layers&&i                      x=MM_findObj(n,d.layers[i].document);
              if(!x && document.getElementById)
                     x=document.getElementById(n);
              return x;
       }
       //第二个函数







관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿