<style type="text/css">
/*菜单部分*/
.uMenubg{ height:49px; background:url(./statics/images/ypzy/images/tMenubg.gif) repeat-x; _margin-top:-20px;}
.uMenu{ width:1002px; margin:0 auto;}
.menu
font-size:12px;
position:relative;
z-index:1000;
}
.menu a.bigmenu{color:#ffffff;line-height:49px;font-size:12px; font-weight:bold;text-decoration:none;}
.menu .bigli{float:left;position:relative;_position:'';}
.menu .bigli a.bigmenu{width:83px;_width:83px; font-weight:normal; height:49px;display:block; text-align:center; font-size:14px; color:#ffffff;}
.menu .bigli a.uActive,.menu .bigli a.bigmenu:hover{display:block; width:83px;_width:83px; font-weight:bold;display:block; height:49px; text-align:center; font-size:14px; color:#ffffff; background:url(./statics/images/ypzy/images/tMenuhoverbg.png) no-repeat;}
.menu ul ul.smul{
visibility:hidden;
position:absolute;
background:#674794;
}
.menu table{
position:absolute;
top:0;
left:0;
}
.menu ul li:hover ul.smul,
.menu ul a:hover ul.smul{
visibility:visible;
}
.menu ul ul.smul{
background:#674794;
width:83px;_width:86px;
margin-left:2px;
}
.menu ul ul.smul a{
color:#FFF;
line-height:220%;
padding-left:8px;
}
.menu ul ul.smul a:hover{
color:#FF0;
}
</style>
模板部分:
<!--菜单开始 -->
<div class="uMenubg">
<div class="uMenu">
<table border="0" align="left" cellpadding="0" cellspacing="0">
<tr>
<td>
<div class="menu">
{pc:content action="category" catid="0" num="30" siteid="$siteid" order="listorder ASC"}
<ul>
<li class="bigli"><a {if !isset($catid)} class="uActive bigmenu" {else} class="bigmenu" {/if} href="{siteurl($siteid)}">{if !isset($catid)}首 页{else}返回首页{/if}</a></li>
{loop $data $r}
{if isset($catid)}<!--非首页 -->
{if $parentid==0}<!--一级栏目-->
<li class="bigli">
<a {if $r[catid]==$top_parentid} class="uActive bigmenu"{else}class="bigmenu"{/if} href="{$r[url]}">{$r[catname]}</a>
<!--如果有子栏目 -->
{if $r[child]}
{pc:content action="category" catid="$r[catid]" num="30" siteid="$siteid" order="listorder ASC"}
<ul class="smul">
{loop $data $vv}
<li class="smli"><a href="{$vv[url]}">{$vv[catname]}</a></li>
{/loop}
</ul>
{/pc}
{/if}
</li>
{else}<!--二级栏目-->
<li class="bigli">
<a {if $r[catid]==$parentid } class="uActive bigmenu"{else}class="bigmenu"{/if} href="{$r[url]}">{$r[catname]}</a>
<!--如果有子栏目 -->
{if $r[child]}
{pc:content action="category" catid="$r[catid]" num="30" siteid="$siteid" order="listorder ASC"}
<ul class="smul">
{loop $data $vv}
<li class="smli"><a href="{$vv[url]}">{$vv[catname]}</a></li>
{/loop}
</ul>
{/pc}
{/if}
</li>
{/if}
{else}<!--首页 -->
<li class="bigli">
<a class="bigmenu" href="{$r[url]}">{$r[catname]}</a>
<!--如果有子栏目 -->
{if $r[child]}
{pc:content action="category" catid="$r[catid]" num="30" siteid="$siteid" order="listorder ASC"}
<ul class="smul">
{loop $data $vv}
<li class="smli"><a href="{$vv[url]}">{$vv[catname]}</a></li>
{/loop}
</ul>
{/pc}
{/if}
</li>
{/if}
{/loop}
</ul>
{/pc}
</div>
{php echo runhook('glogal_menu')}
</td>
</tr>
</table>
</div>
</div>
<div class="ClearBoth"></div>
<!--菜单结束 -->