一、基本HTML和CSS
HTML中产生一、二级导航的代码:
{loop $nav $key $value}
<div class=”u_con”>
<span class=” xg_bt active ”>$value[0]</span>
<ul class=”u_con_list”>
{loop $sub_nav_list[$key] $k $v}
<li class=”u_con_item”>
<a href =”index.php?&view={$key}”>$v[0]</a>
</li>
{/loop}
</ul>
</div>
{/loop}
关键CSS代码:
.xg_bt{
display:block;
background:url(lis_03.png) no-repeat 70px 4px;
font-size:12px;color:#666;
font-weight:bold;
padding-left:14px;
margin-bottom:6px;
cursor:pointer;
}
.active{
background:url(lis_01.png) no-repeat 70px 4px;
}