php左侧分类列表显示菜单

WBOY
Freigeben: 2016-07-29 09:15:29
Original
1727 Leute haben es durchsucht



    <meta http-equiv="content-type" c charset="utf-8">
    <title>商品分类导般菜单</title>
    <style><span>        body {font-family:\5B8B\4F53,Arial Narrow,arial,serif;background:<span>#<span>ffffff;font-size:12px; color:#313131;}        body,div,<span>dl,dt,dd,ul,ol,li,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0<span>;}
        li{<span>list-style-type:<span>none;}

        .wrap {width: 960px; margin:0<span> auto;}
        .wrap .leftzone {<span>float: left;width: 200px;margin:10px 0<span>;}

        .modTop .sidetitle{height:28px;background:<span>#<span>ccc; font-weight:bold;}        .modTop em{<span>float:left;padding:6px 0 0 11px;font-style:normal;color:<span>#<span>000;}        .sidecontent{border-left:<span>#<span>CCC 1px solid;border-right:#CCC 1px solid;border-bottom:#CCC 1px solid;padding:6px;}
        .my_left_category{width:<span>180px;}
        .my_left_category h1{height:20px;font-size:14px;font-weight:bold;padding-left:15px;padding-top:8px;margin:0px;color:<span>#<span>FFF;}        .my_left_category .my_left_cat_list{width:178px;line-height:13.<span>5pt;}
        .my_left_category .my_left_cat_list h2 {margin:0px;padding:<span>3px 5px 0px 9px;}
        .my_left_category .my_left_cat_list h2 a {color:<span>#<span>d6290b;font-weight:bold;font-size:14px;line-height:22px;}        .my_left_category .my_left_cat_list h2 a:hover {color:<span>#<span>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>#<span>333333;position:relative;}        .my_left_category .h2_cat_1{width:178px;height:26px;line-height:26px;font-weight:normal;color:<span>#<span>333333;position:relative;}        .my_left_category a{font-size:12px;text-decoration:none;color:<span>#<span>333333;}        .my_left_category a:hover{text-decoration:underline;color:<span>#<span>ff3333;}        .my_left_category h3{margin:0px;padding:0px;height:26px;font-size:12px;font-weight:normal;display:block;padding-left:<span>8px;}
        .my_left_category h3 span{color:<span>#<span>999999; width:145px; float:right;}        .my_left_category h3 a{    line-height:<span>26px;}
        .my_left_category .h3_cat{display:none;width:204px;position:absolute;left:153px;margin-top:-26px;cursor:<span>auto;}
        .my_left_category .shadow{position:inherit;width:<span>204px;}
        .my_left_category .shadow_border{position:inherit;width:200px;border:1px solid <span>#<span>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>15px}
        .my_left_category .shadow_border ul li {<span>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>float:left;width:75px;height:26px;overflow:hidden;letter-spacing:<span>0px;}
        .my_left_category .active_cat{ z-index:99;background-position:0 -25px;cursor:<span>pointer;}
        .my_left_category .active_cat h3 { font-weight:<span>bold}
        .my_left_category .active_cat h3 span{ display:<span>none;}
        .my_left_category .active_cat div{display:<span>block;}

    </style>


<div>class="wrap">
    <div>class="leftzone">
        <div>class="modTop"><div>class="sidetitle"><em>商品分类</em>
</div>
</div>
        <div>class="sidecontent">
            <div>class="my_left_category">
                <div>class="my_left_cat_list">
                    <div>class="h2_cat"  >class="h3_cat">
                            <div>class="shadow">
                                <div>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>



Nach dem Login kopieren

以上就介绍了php左侧分类列表显示菜单,包括了方面的内容,希望对PHP教程有兴趣的朋友有所帮助。

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!