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

php中文网
发布: 2016-06-24 12:33:38
原创
1535人浏览过

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;
       }
       //第二个函数







HTML速学教程(入门课程)
HTML速学教程(入门课程)

HTML怎么学习?HTML怎么入门?HTML在哪学?HTML怎么学才快?不用担心,这里为大家提供了HTML速学教程(入门课程),有需要的小伙伴保存下载就能学习啦!

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号