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

php左边分类列表显示菜单

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Release: 2016-06-13 12:24:36
Original
921 people have browsed it

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>
Copy after login

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
Latest Issues
Wrong left and right layout
From 1970-01-01 08:00:00
0
0
0
Want to expand search input left
From 1970-01-01 08:00:00
0
0
0
Not shown on the left
From 1970-01-01 08:00:00
0
0
0
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template