当前期菜单,或者导航项目高亮操作这是网站建设当中常见的方法.tp也有自己的一些方法
解决这个问题的方法其实我用过很多种。有纯用css实现的,有用css混合js或者jquery实现的,也有通过后台传值给js通过判断来实现的......但是今天做项目中我发现了一种很简单实用,但是网上又比较少有人用的方法(仅限tp框架)。
下面给大家看个例子:
<ul>
<li class=\"<eq name=\"Think.const.ACTION_NAME\" value=\"index\">nav-li-active</eq>\">
<a href=\"__APP__/Index/index\">首 页</a>
</li>
<li class=\"<eq name=\"Think.const.ACTION_NAME\" value=\"article\">nav-li-active</eq>\">
<a href=\"__APP__/Article/article\">博 文</a>
</li>
<li class=\"<eq name=\"Think.const.ACTION_NAME\" value=\"picture\">nav-li-active</eq>\">
<a href=\"__APP__/Picture/picture\">相 册</a>
</li>
<li class=\"<eq name=\"Think.const.ACTION_NAME\" value=\"works\">nav-li-active</eq>\">
<a href=\"__APP__/Works/works\">作 品</a>
</li>
<li class=\"<eq name=\"Think.const.ACTION_NAME\" value=\"about\">nav-li-active</eq>\">
<a href=\"__APP__/About/about\">关 于</a>
</li>
<li class=\"<eq name=\"Think.const.ACTION_NAME\" value=\"message\">nav-li-active</eq>\">
<a href=\"__APP__/Message/message\">留言板</a>
</li>
</ul>
关键就是判断当前模块函数名称 <eq name=\"Think.const.ACTION_NAME\" value=\"message\">