您的位置:首页 > 编程语言 > PHP开发

phpcms导航标签(含一级二级)

2015-07-21 08:16 781 查看
/*

一级导航替换样式

.bx{width:1000px!important; margin:0 auto!important; overflow:hidden!important; position: relative;}

.nav{width:100%;height:44px;background:url(../../images/default/sybj.jpg) repeat-x;
text-align:center;}

.nav ul li{float:left;width:108px;line-height:44px;background:url(../../images/default/xiaoxian.jpg) no-repeat right center;text-align:center;font-weight:700;padding-right:2px;}

.nav ul li:last-child{background:none}

.nav ul li a{font-size:13px;color:#fff;float:left;
width:100%;height:44px;}

.nav ul li .cen{background:#bf67e4;font-weight:bold;color:#fff;}

.nav ul li a:hover{background:#bf67e4;}

**/

<div class="nav">

   <div class="bx">

      <ul>
 {pc:content action="category" catid="0" num="8" siteid="$siteid" order="listorder ASC"}

         <li><a href="{siteurl($siteid)}"  {if empty($catid)}class="cen"{/if}>首页</a></li>

{php $m=0;}
{loop $data $r}
{if $r[child]==0||$r[catid]==4}

         <li><a href="{$r[url]}" {if $catid==$r[catid]}class="cen"{/if}{if $r[type]==2} target="_blank"{/if}>{$r[catname]}</a></li>
{else}
{php $j=0;}
{php $d=0;}
{loop subcat($r[catid]) $m}
{php $j++;}
{if $j==1}
{if $m[child]==0}
{php $xj_url=$m[url];}
{else}
{loop subcat($m[catid]) $c}
{php $d++;}
{if $d==1}
{php $xj_url=$c[url];}
{/if}
{/loop}
{/if}
{/if}
{/loop}
<li><a href="{$xj_url}" {if $catid==$r[catid] || $CATEGORYS[$catid][parentid]==$r[catid]} class="cen" {/if}>{$r[catname]}</a></li>
{/if}
{/loop}
{/pc}

      </ul>

   </div>

</div>

/*

带二级导航的nav

.navs{width:100%;height:44px;background:url(../../images/default/sybj.jpg) repeat-x;}

.navs >ul {list-style:none;width:1000px;padding:0px;margin:0 auto}

.navs >ul>li{float:left;width:108px;position:relative;background:url(../../images/default/xiaoxian.jpg) no-repeat right center;text-align:center;padding-right:2px;}

.navs ul li .cen{background:#bf67e4;color:#fff;}

.navs ul li a:hover{background:#bf67e4;color:#Fff}

.navs >ul>li a{display:block;line-height:44px;color:#fff;position:relative;}

.navs >ul>li >a{font-size:13px;font-weight:700}

.navs ul li ul{position:absolute;display:none;padding:0px;z-index:999;}

.navs ul li ul li{background:url(../../images/default/sybj.jpg) repeat-x;width:108px;color:#fff;border-bottom:1px solid #af3ae1;}

.navs ul li ul li a:hover{color:#fff}

.navs ul li ul li .ha{background:url(../../images/default/jiantou2.png) no-repeat right center;}

*/

<script>

        $(document).ready(function(){

            $(".navs ul li").hover(

                    function(){

                        $(this).children("ul").show();

                    },

                    function(){

                        $(this).children("ul").hide();

                    }

            )

        })

    </script>

{template "content","dm"}

<div class="navs">

   <ul>

   <li ><a href="{siteurl($siteid)} " {if empty($catid)}class="cen"{/if}>首页</a></li>
 {pc:content action="category" catid="0" num="8" siteid="$siteid" order="listorder ASC"}

                    {php $a=0;}

                    {php $e=0;}

                    {loop $data $r}

                    {if $r[child]!=0}

                    {php $a++;}

                    {/if}

                    {/loop}

                    {php $m=0;}

                    {loop $data $r}

                    {if $r[child]==0}

    <li {if $catid==$r[catid]} class="cen" {/if}><a href=" {$r[url]}" {if $r[type]==2} target="_blank"{/if}>{$r[catname]}</a></li>
 {else}

                    {php $j=0;}

                    {php $d=0;}

                    {loop subcat($r[catid]) $m}

                        {php $j++;}

                        {if $j==1}

                            {if $m[child]==0}

                                {php $xj_url=$m[url];}

                            {else}

                                {loop subcat($m[catid]) $c}

                                {php $d++;}

                                {if $d==1}

                                    {php $xj_url=$c[url];}

                                {/if}

                                {/loop}

                            {/if}

                        {/if}

                    {/loop}

                    {php $e++;}
 <li {if $catid==$r[catid] || $CATEGORYS[$catid][parentid]==$r[catid]} class="cen" {/if}>

                         <a {if $e==6}style="border:none;"{/if} href="{$xj_url}">{$r[catname]}</a>

                          <ul style="display: none;">

                            {loop subcat($r[catid]) $v}

                                {if $v[child]==0}

                                <li><a href="{$v[url]}" >{$v[catname]}</a></li>

                                {else}

                                    {php $g=0;}

                                    {loop subcat($v[catid]) $c}

                                    {php $g++;}

                                    {if $g==1}

                                        {php $xj_url=$c[url];}

                                    {/if}

                                    {/loop}

                                 <li><a href="{$xj_url}">{$v[catname]}</a>

 <ul style="display: none;">
 {loop subcat($v[catid]) $h}
<li><a href="{$h[url]}">{$h[catname]}</a><li>
{/loop}
</ul>

</li>

                                {/if}

                            {/loop}

                            </ul>        

                    </li>

                    {/if}

                    {/loop}

                    {/pc}

                   </ul>
  </div>

<div>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  phpcms 导航 pc