html点击导航变色,点击导航后，当前导航的颜色变色

html>

Document

nav ul {

padding: 0;

list-style: none;

}

nav ul li {

text-decoration: none;

width: 70px;line-height: 50px;

text-align: center;

float: left;

background-color: #000;

color: #fff;

cursor: pointer;}

.gray {background-color: rgba(0,0,0,0.6);}

首页
实战
路径
猿问
手记

$("nav li").click(function(){

$(this).addClass("gray").siblings().removeClass("gray");

})

$("nav li").click(function(){

$(this).addClass("gray").siblings().removeClass("gray");

})

一句搞定

自己引一个jQuery库就行

html点击导航变色,点击导航后，当前导航的颜色变色相关推荐

phpcmsV9导航栏目点击跳转始终是localhost首页 bug - 分析篇
文章目录发现点哪个栏目却都跳到了localhost首页! 一开始,我以为?是因为在后台给栏目添加设置了show模板? 后来发现,并不是我想的那样.在后台多更新了几次各种缓存,浏览器多Ctrl+F5刷 ...
html设置表格点击变色,js实现表格变色点击行颜色改变
forword js实现表格变色点击行颜色改变 table table { border-top:1px solid black; border-left:1px solid b ...
如何实现点击收藏，图标变色；再次点击，取消收藏，图标变回原来的颜色，且能把已收藏的项发送请求给后端
一.思路和步骤 1.明确需求和效果 2.先需要把所有供选择的选项从后端接口获取到,然后用map数组的方法,把所有未收藏的选项筛选出来,然后在模板中绑定筛选出来的数组,然后用v-for循环遍历展示出来每 ...
VUE router 导航重复点击报错的问题解决两种方案
VUE router 导航重复点击报错的问题解决两种方案前几天一个月薪35k的兄弟,给我推了一个人工智能学习网站,看了一段时间挺有意思的.包括语音识别.机器翻译等从基础到实战都有,很详细,分享给大家 ...
移动端模拟导航可点击自动滑动
移动端模拟导航可点击自动滑动 0.1.4. 导航可左右滑动,可点击边缘的一个,自动滚动下一个到可视范围[依赖于iscroll.js]. 废话不多说直接上代码: /** 移动端模拟导航可点击自动滑动 0 ...
微信小程序顶部导航栏点击选项产生颜色变化和底部下划线显示
在很多程序中都有一个功能,就是顶部导航栏点击的时候能自动切换页面,并且选中的模块会变换颜色并且底部出现一条横线. 首先思考这个功能的实现原理--通过"点击"这个动作,我们能知道点击 ...
网页导航的点击及内容切换效果
效果如下: 点击导航后导航内容发生改变(内容简略) 点击导航后内容改变的思想: 导航是由 li 标签构成的,给每个 li 标签用循环加一个自定义属性,属性值为索引号 0-3 .一共四个导航块的内容分别 ...
html 导航栏选中状态,jQuery“导航栏点击选中效果“代码
现在的网站菜单导航栏几乎都有点击选中效果,正好今天我在开发项目中也需要用上这样的效果,下面就给大家分享一下,亲测有效,大家放心使用. 1.引入jQuery核心文件 2.加入"jQuery导航 ...
layui隐藏侧边栏_layui禁用侧边导航栏点击事件的处理方法
layui是一款优秀的前端模块化css框架.我用layui做过两个完整的项目,对她的感觉就是,这货非常适合做后台管理界面,且基于jquery,很容易上手.当然,她最大的优点我觉得还是她的模块化方式,相 ...
微信小程序---地图导航（点击地址，可以进行导航）
微信小程序-地图导航(点击地址,可以进行导航) // 地图getLocation(e){var that = this,address = e.currentTarget.dataset.addres ...

html点击导航变色,点击导航后，当前导航的颜色变色

html点击导航变色,点击导航后，当前导航的颜色变色相关推荐

最新文章

热门文章