在做网站时,经常会涉及到关于导航菜单高亮显示的问题,网上搜索了下,大多是通过配合js或者事先分配变量的方式来实现导航高亮的,这里提供另一种思路:
直接看代码吧:
<ul class="usermenu"> <li class="<eq name="Think.const.ACTION_NAME" value="index">active</eq>"><a href="{:U('User/index')}">首页</a></li> <li class="<eq name="Think.const.ACTION_NAME" value="mydownload">active</eq>"><a href="{:U('User/mydownload')}">我的下载</a></li> <li class="<eq name="Think.const.ACTION_NAME" value="mystow">active</eq>"><a href="{:U('User/mystow')}">我的收藏</a></li> <li class="<eq name="Think.const.ACTION_NAME" value="pay">active</eq>"><a href="{:U('Index/pay')}">充值猫粮</a></li> <li class="<eq name="Think.const.ACTION_NAME" value="vip">active</eq>"><a href="{:U('User/vip')}">开通会员</a></li> </ul>
其中的关键代码是:<eq name="Think.const.ACTION_NAME" value="index">active</eq>">
,即:当 当前方法的名字为index时,输出active,当然avtive就是事先写好的css类名。