a标签点击跳转到新页面增加背景颜色
 <ul id="nav_ul">
    <li class="nav_ul_bg"><a href="#" target="_blank">首页</a></li>
    <li><a href="#" target="_blank">理财产品</a></li>
    <li><a href="#" target="_blank">申请借款</a></li>
    <li><a href="#" target="_blank">关于我们</a></li>
    <li><a href="#" target="_blank">平台信息</a></li>
    <li><a href="#" target="_blank">安全保障</a></li>
    <div class="clearer"></div>
</ul>

点击关于我们,跳转的新页面中的关于我们背景变成红色怎么实现?

6个回答

你可以给被选中的定义一个class,比如:
.active {
background: #ff0000;
color: #fff;
}
然后每次加载页面的时候,在哪一页,就给那个标签active的class.关于我们就是:

关于我们

location.pathname获取当前页面路径,对比导航a的href设置焦点,看下面示例
网站导航栏目焦点设置

在li上面加一个class,设置样式颜色为红色就行了,然后程序判断是否是当前栏目,是的话就加入那个class

可以用js在页面加载的时候改变背景颜色

如果是经过后台的话 可以往后台多发送一个参数, 用于控制哪个选项渲染

这种直接跳转的方式还想保留点击状态的话就直接通过url 判断状态
在script加入下面代码

 var url = window.location.href;
    if(url.indexOf(webroot+"/task/")>1){
            $('.nav_ul li').eq(0).addClass('nav_ul_bg');
    }else if(url.indexOf("标识1")>1){
            $('.nav_ul li').eq(1).addClass('nav_ul_bg');
    }else if(url.indexOf("标识2")>1){
            $('.nav_ul li').eq(2).addClass('nav_ul_bg');
    }else if(url.indexOf("标识3"){
            $('.nav_ul li').eq(3).addClass('nav_ul_bg');

标识需要自己添加想怎么设置就随你了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐