实现菜单栏点击持久高亮

需求

  在做项目的时候,使用的是左侧菜单栏,右侧显示界面的样式。封装好的JS文件和现有文件冲突,所以需要重新写一个点击菜单上的按钮,按钮固定显示高亮、定位。

实现

  view层代码(写在代码片里格式全乱了,所以用截图了)
  这里写图片描述
  
  CSS样式
  
.nav li.active > a {
color: #FFFFFF;
opacity: 1;
background: rgba(255, 255, 255, 0.23);
}


  
  JS方法
  
$(function () {
var nav = $(".nav li");
nav.click(function () {
$(this).addClass("active").siblings().removeClass("active");
});
});

  
  效果图
  这里写图片描述
  
  
  

猜你喜欢

转载自blog.csdn.net/zhijianhuiyi/article/details/79812749