首页 > php教程 > php手册 > 正文

php后治理分类导航菜单

php中文网
发布: 2016-06-06 19:42:47
原创
1331人浏览过

php后管理分类导航菜单 !DOCTYPEhtmlhead meta http-equiv="Content-type" content="text/html" charset="utf-8" title后台管理折叠导航菜单/title style body{ margin【本文来自鸿网互联 (http://www.68idc.cn)】 :0 ; padding :0 ; text -align: center; fo

php后管理分类导航菜单

<!DOCTYPE>
<html>
<head>
    <meta http-equiv="Content-type" content="text/html" charset="utf-8">
    <title>后台管理折叠导航菜单</title>
    <style><span style="color: #000000;">
        body{
            margin【本文来自鸿网互联 (http://www.68idc.cn)】</span>:0<span style="color: #000000;">;
            padding</span>:0<span style="color: #000000;">;
            text</span>-align:<span style="color: #000000;">center;
            font</span>:normal 12px Arial,Verdana,<span style="color: #000000;">Tahoma;
            line</span>-height:150%<span style="color: #000000;">;
        }
        a</span>:link, a:<span style="color: #000000;">visited{
            color</span>:<span style="color: #008000;">#</span><span style="color: #008000;">385065;</span>
            text-decoration:<span style="color: #000000;">none;
        }
        a</span>:<span style="color: #000000;">hover{
            text</span>-decoration:<span style="color: #000000;">underline;
        }
        </span><span style="color: #008000;">#</span><span style="color: #008000;">menu{</span>
            width:<span style="color: #000000;">150px;
            margin</span>:0<span style="color: #000000;"> 15px;
            padding</span>:0<span style="color: #000000;">;
            text</span>-align:<span style="color: #000000;">left;
            </span><span style="color: #0000ff;">list</span>-style:<span style="color: #000000;">none;
        }
        </span><span style="color: #008000;">#</span><span style="color: #008000;">menu .item{</span>
            background:<span style="color: #008000;">#</span><span style="color: #008000;">ccaaee;</span>
            padding:<span style="color: #000000;">0px;
            </span><span style="color: #0000ff;">list</span>-style:<span style="color: #000000;">none;
            border</span>:1px solid <span style="color: #008000;">#</span><span style="color: #008000;">eee;</span>
<span style="color: #000000;">        }
        a</span>.title:link, a.title:visited, a.title:<span style="color: #000000;">hover{
            display</span>:<span style="color: #000000;">block;
            color</span>:<span style="color: #008000;">#</span><span style="color: #008000;">385065;</span>
            font-weight:<span style="color: #000000;">bold;
            padding</span>:2px 0 0<span style="color: #000000;"> 22px;
            width</span>:<span style="color: #000000;">128px;
            line</span>-height:<span style="color: #000000;">23px;
            cursor</span>:<span style="color: #000000;">pointer;
            text</span>-decoration:<span style="color: #000000;">none;
        }
        </span><span style="color: #008000;">#</span><span style="color: #008000;">menu .item ul{</span>
            border:1px solid <span style="color: #008000;">#</span><span style="color: #008000;">9facb7;</span>
            margin:0<span style="color: #000000;">;
            width</span>:<span style="color: #000000;">116px;
            padding</span>:<span style="color: #000000;">3px 0px 3px 30px;
            bakground</span>:<span style="color: #008000;">#</span><span style="color: #008000;">fff;</span>
            <span style="color: #0000ff;">list</span>-style:<span style="color: #000000;">none;
            display</span>:<span style="color: #000000;">none;
        }
        </span><span style="color: #008000;">#</span><span style="color: #008000;">menu .item ul li{</span>
            display:<span style="color: #000000;">block;
        }
    </span></style>
    <script type="text/javascript">
        <span style="color: #0000ff;">function</span><span style="color: #000000;"> hideAllObj(){
            </span><span style="color: #0000ff;">var</span> items = document.getElementsByClassName("option"<span style="color: #000000;">);
            </span><span style="color: #0000ff;">for</span>(<span style="color: #0000ff;">var</span> j=0; j<items.length; j++<span style="color: #000000;">){
                items[j]</span>.style.display = "none"<span style="color: #000000;">;
            }
        }

        </span><span style="color: #0000ff;">function</span><span style="color: #000000;"> check(){
            document</span>.getElementById("opt_1").style.display = "block"<span style="color: #000000;">;
            </span><span style="color: #0000ff;">var</span> items = document.getElementsByClassName("title"<span style="color: #000000;">);
            </span><span style="color: #0000ff;">for</span>(<span style="color: #0000ff;">var</span> j=0; j<items.length; j++<span style="color: #000000;">){
                items[j]</span>.onclick = <span style="color: #0000ff;">function</span><span style="color: #000000;">(){
                    </span><span style="color: #0000ff;">var</span> obj = document.getElementById("opt_" + this.<span style="color: #000000;">name);
                    </span><span style="color: #0000ff;">if</span>(obj.style.display != "block"<span style="color: #000000;">){
                        hideAllObj();
                        obj</span>.style.display = "block"<span style="color: #000000;">;
                    }</span><span style="color: #0000ff;">else</span><span style="color: #000000;">{
                        obj</span>.style.display = "none"<span style="color: #000000;">;
                    }
                }
            }
        }

        document</span>.getElementsByClassName=<span style="color: #0000ff;">function</span><span style="color: #000000;">(classname){
            </span><span style="color: #0000ff;">var</span> retnode =<span style="color: #000000;"> [];
            </span><span style="color: #0000ff;">var</span> myclass = <span style="color: #0000ff;">new</span> RegExp('\b'+classname+'\b'<span style="color: #000000;">);
            </span><span style="color: #0000ff;">var</span> elem = this.getElementsByTagName('*'<span style="color: #000000;">);
            </span><span style="color: #0000ff;">for</span>(<span style="color: #0000ff;">var</span> j=0; j<elem.length; j++<span style="color: #000000;">){
                </span><span style="color: #0000ff;">var</span> classes = elem[j].<span style="color: #000000;">className;
                </span><span style="color: #0000ff;">if</span>(myclass.<span style="color: #000000;">test(classes)){
                    retnode</span>.<span style="color: #000000;">push(elem[j]);
                }
            }
            </span><span style="color: #0000ff;">return</span><span style="color: #000000;"> retnode;
        }
    </span></script>
</head>
<body onload="check()">
<ul id="menu">
    <li <span style="color: #0000ff;">class</span>="item"><a href="javascript:void(0)" <span style="color: #0000ff;">class</span>="title" name="1">用户管理</a>
    <ul id="opt_1" <span style="color: #0000ff;">class</span>="option">
        <li><a href="#">添加用户</a></li>
        <li><a href="#">管理用户</a></li>
    </ul>
    </li>
   <li <span style="color: #0000ff;">class</span>="item"><a href="javascript:void(0)" <span style="color: #0000ff;">class</span>="title" name="2">用户管理</a>
    <ul id="opt_2" <span style="color: #0000ff;">class</span>="option">
        <li><a href="#">添加用户</a></li>
        <li><a href="#">管理用户</a></li>
    </ul>
    </li>
   <li <span style="color: #0000ff;">class</span>="item"><a href="javascript:void(0)" <span style="color: #0000ff;">class</span>="title" name="3">用户管理</a>
    <ul id="opt_3" <span style="color: #0000ff;">class</span>="option">
        <li><a href="#">添加用户</a></li>
        <li><a href="#">管理用户</a></li>
    </ul>
    </li>
   <li <span style="color: #0000ff;">class</span>="item"><a href="javascript:void(0)" <span style="color: #0000ff;">class</span>="title" name="4">用户管理</a>
    <ul id="opt_4" <span style="color: #0000ff;">class</span>="option">
        <li><a href="#">添加用户</a></li>
        <li><a href="#">管理用户</a></li>
    </ul>
    </li>


</ul>

</body>
</html>
登录后复制

网聚购物系统
网聚购物系统

新功能:后台常用功能快捷导航 新订单提醒 新评论提醒 新注册用户提醒 后台自定义定制提醒刷新时间 不同管理员可以分别定制不同的通知 修正生成订单的时候出现sql错误! 修正商品自定义属性空格去处bug 批量转移商品 商品分类销售统计,数量统计 商品分类人气统计 升级订单系统,按日期搜索订单更快捷 订单统计功能 提高商品分类响应速度 批量打开商品开关 批量关闭商品 生成订单的时候出现sql错误! 商

网聚购物系统 0
查看详情 网聚购物系统
相关标签:
php
PHP速学教程(入门到精通)
PHP速学教程(入门到精通)

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

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

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