<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>
点击关于我们,跳转的新页面中的关于我们背景变成红色怎么实现?
你可以给被选中的定义一个class,比如:
.active {
background: #ff0000;
color: #fff;
}
然后每次加载页面的时候,在哪一页,就给那个标签active的class.关于我们就是:
在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');
标识需要自己添加想怎么设置就随你了
location.pathname获取当前页面路径,对比导航a的href设置焦点,看下面示例
网站导航栏目焦点设置