0

图片描述

就以这个百度的为例,点击“网页”的时候下方有个下边框,就是处于选中的高亮状态的效果。在网上找了许多例子也做不好,我有点愚笨,所以希望大家说说吧…………

2 个回答
2

已采纳

(1)你在切换导航的时候给个类型区别,你可以在url添加一个锚点,例如http://localhost:8086/topic/index?nav=XXX.(XXX就是点击nav名字)
(2)

<ul>
    <li data-type=“wangye”>网页</li>
    <li data-type=“xinwen”>新闻</li>
    <li data-type=“tieba”>贴吧</li>
</ul>

(3)用jquery或者js或者angularjs里自带的路由获取url里的XXX,让li里的data-type值与XXX相等的添加高亮状态。当然你也可以不用data-type,用id也可以。例如:

<ul>
    <li id=“wangye”>网页</li>
    <li id=“xinwen”>新闻</li>
    <li id=“tieba”>贴吧</li>
</ul>

$(XXX).addClass(高亮class);把XXX当id即可;
(4)好处:页面刷新,选中的高亮状态也不会消失,到达预期效果。 坏处:代码不够优美,有待优化与改善

0

虽然已解决了 但是谢谢老哥

撰写答案

推广链接