/*
一级导航替换样式
.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>
一级导航替换样式
.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>