Rumah > pembangunan bahagian belakang > tutorial php > php左边分类列表显示菜单

php左边分类列表显示菜单

WBOY
Lepaskan: 2016-06-13 12:24:36
asal
880 orang telah melayarinya

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>
Salin selepas log masuk

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan