Home  >  Article  >  Backend Development  >  php左边分类列表显示菜单

php左边分类列表显示菜单

WBOY
WBOYOriginal
2016-06-13 12:24:36866browse

php左侧分类列表显示菜单

    <meta http-equiv="content-type" content="text/html" charset="utf-8">    <title>商品分类导般菜单</title>    <style><span style="color: #000000;">        body {font-family:\5B8B\4F53,Arial Narrow,arial,serif;background:<span style="color: #008000;">#<span style="color: #008000;">ffffff;font-size:12px; color:#313131;}        body,div,<span style="color: #008080;">dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0<span style="color: #000000;">;}        li{<span style="color: #0000ff;">list-style-type:<span style="color: #000000;">none;}        .wrap {width: 960px; margin:0<span style="color: #000000;"> auto;}        .wrap .leftzone {<span style="color: #0000ff;">float: left;width: 200px;margin:10px 0<span style="color: #000000;">;}        .modTop .sidetitle{height:28px;background:<span style="color: #008000;">#<span style="color: #008000;">ccc; font-weight:bold;}        .modTop em{<span style="color: #0000ff;">float:left;padding:6px 0 0 11px;font-style:normal;color:<span style="color: #008000;">#<span style="color: #008000;">000;}        .sidecontent{border-left:<span style="color: #008000;">#<span style="color: #008000;">CCC 1px solid;border-right:#CCC 1px solid;border-bottom:#CCC 1px solid;padding:6px;}        .my_left_category{width:<span style="color: #000000;">180px;}        .my_left_category h1{height:20px;font-size:14px;font-weight:bold;padding-left:15px;padding-top:8px;margin:0px;color:<span style="color: #008000;">#<span style="color: #008000;">FFF;}        .my_left_category .my_left_cat_list{width:178px;line-height:13.<span style="color: #000000;">5pt;}        .my_left_category .my_left_cat_list h2 {margin:0px;padding:<span style="color: #000000;">3px 5px 0px 9px;}        .my_left_category .my_left_cat_list h2 a {color:<span style="color: #008000;">#<span style="color: #008000;">d6290b;font-weight:bold;font-size:14px;line-height:22px;}        .my_left_category .my_left_cat_list h2 a:hover {color:<span style="color: #008000;">#<span style="color: #008000;">d6290b;font-weight:bold;font-size:14px;line-height:22px;}        .my_left_category .h2_cat{width:178px;height:26px;background-image:url('./images/my_menubg.gif');background-repeat:no-repeat;line-height:26px;font-weight:normal;color:<span style="color: #008000;">#<span style="color: #008000;">333333;position:relative;}        .my_left_category .h2_cat_1{width:178px;height:26px;line-height:26px;font-weight:normal;color:<span style="color: #008000;">#<span style="color: #008000;">333333;position:relative;}        .my_left_category a{font-size:12px;text-decoration:none;color:<span style="color: #008000;">#<span style="color: #008000;">333333;}        .my_left_category a:hover{text-decoration:underline;color:<span style="color: #008000;">#<span style="color: #008000;">ff3333;}        .my_left_category h3{margin:0px;padding:0px;height:26px;font-size:12px;font-weight:normal;display:block;padding-left:<span style="color: #000000;">8px;}        .my_left_category h3 span{color:<span style="color: #008000;">#<span style="color: #008000;">999999; width:145px; float:right;}        .my_left_category h3 a{    line-height:<span style="color: #000000;">26px;}        .my_left_category .h3_cat{display:none;width:204px;position:absolute;left:153px;margin-top:-26px;cursor:<span style="color: #000000;">auto;}        .my_left_category .shadow{position:inherit;width:<span style="color: #000000;">204px;}        .my_left_category .shadow_border{position:inherit;width:200px;border:1px solid <span style="color: #008000;">#<span style="color: #008000;">959595; margin-top:1px;border-left-width:0px;background:url('./images/shadow_border.gif') no-repeat 0px 21px;background-color:#ffffff;margin-bottom:3px}        .my_left_category .shadow_border ul{margin:0; padding:0; margin-left:<span style="color: #000000;">15px}        .my_left_category .shadow_border ul li {<span style="color: #0000ff;">list-style:none;padding-left:10px;background-image:url('./images/my_cat_sub_menu_dot.gif');background-repeat:no-repeat;background-position:0px 8px;<span style="color: #0000ff;">float:left;width:75px;height:26px;overflow:hidden;letter-spacing:<span style="color: #000000;">0px;}        .my_left_category .active_cat{ z-index:99;background-position:0 -25px;cursor:<span style="color: #000000;">pointer;}        .my_left_category .active_cat h3 { font-weight:<span style="color: #000000;">bold}        .my_left_category .active_cat h3 span{ display:<span style="color: #000000;">none;}        .my_left_category .active_cat div{display:<span style="color: #000000;">block;}    </style><div style="color: #0000ff;">class="wrap">    <div style="color: #0000ff;">class="leftzone">        <div style="color: #0000ff;">class="modTop"><div style="color: #0000ff;">class="sidetitle"><em>商品分类</em>
</div>
</div>        <div style="color: #0000ff;">class="sidecontent">            <div style="color: #0000ff;">class="my_left_category">                <div style="color: #0000ff;">class="my_left_cat_list">                    <div style="color: #0000ff;">class="h2_cat" onmouseover="this.className='h2_cat active_cat'" onmouseout="this.className='h2_cat'">                        <h3><a href="#">AA</a></h3>                        <div style="color: #0000ff;">class="h3_cat">                            <div style="color: #0000ff;">class="shadow">                                <div style="color: #0000ff;">class="shadow_border">                                    <ul>                                        <li><a href="#">a.1</a></li>                                        <li><a href="#">a.2</a></li>                                        <li><a href="#">a.3</a></li>                                        <li><a href="#">a.4</a></li>                                    </ul>                                </div>                            </div>                        </div>                    </div>                </div>            </div>        </div>    </div>
</div>

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