类似导航栏点击有样式其它隐藏

1.jsp

<span><a id="increment" class="addIncrement"  name="increment" onclick="increments()">知识新增量</a></span>
                <span><a id="cumulation"   onclick="cumulation()">累计量</a></span>

2.style

<style type="text/css">
        a:hover{ color: #527bc7 !important; }
        .addIncrement{
            color: #527bc7;
            border-bottom: 3px solid #527bc7;
            padding-bottom: 5px;
        }
        .cumulations{
            color: #527bc7;
            border-bottom: 3px solid #527bc7;
            padding-bottom: 5px;
        }
    </style>

3.在事件onclick方法中添加 可以在jq文档中查看addClass()或者removeClass方法的使用

  $('#increment').addClass("addIncrement");
    $('#cumulation').removeClass("cumulations");

 

上一篇:video视频,点击播放禁止自动全屏,点击全屏自动横屏播放(转载)


下一篇:十二、存token获取token刷新token发送header头