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库就行

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/541255.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java扫描仪toString()方法及示例

扫描仪类toString()方法 (Scanner Class toString() method) toString() method is available in java.util package. toString()方法在java.util包中可用。 toString() method is used to string denotation of this Scanner and it contains information related to tracing.…

怎么将oracle的sql文件转换成mysql的sql文件

怎么将sql文件导入PowerDesigner中的方法(将oracle的sql文件转换成mysql的sql文件)呢? 怎么将xx.sql文件的数据库结构导入powerdesigner 的方法呢? 现讲下。 工具/原料 PowerDesigner软件,oracle数据库 方法/步骤 将要导入的库的所有表的表结构(不要表数…

ios html图片相对路径,iOS 下加载本地HTML/js/css/image 等路径问题

今天在项目中遇到一个问题:我将H5的文件拖入项目中,在webView上添加H5,运行时发现H5的样式与图片等都没屏幕快照 2016-07-06 11.33.22.png有了。经过多种测试后发现:是路径的问题。在ios项目下添加本地HTML/js/css/image 当拖入项目时有两种选…

nextfloat_Java Random nextFloat()方法与示例

nextfloat随机类nextFloat()方法 (Random Class nextFloat() method) nextFloat() method is available in java.util package. nextFloat()方法在java.util包中可用。 nextFloat() method is used to generate the next pseudo-random float value between the range 0.0 and …

mac自己定义tree命令

编辑文件: vim ~/.bash_profile 在文件末尾追加: alias tree"find . -print | sed -e s;[^/]*/;|____;g;s;____|; |;g" 应用配置: source ~/.bash_profile 转载于:https://www.cnblogs.com/gavanwanggw/p/6962533.html

Java Hashtable keySet()方法与示例

哈希表类keySet()方法 (Hashtable Class keySet() method) keySet() method is available in java.util package. keySet()方法在java.util包中可用。 keySet() method is used to return a set of keys to be viewed in a set in this Hashtable. keySet()方法用于返回要在此H…

el-calendar 怎么设置上一年和下一年_为什么香港硕士一年的含金量那么高?

为什么香港硕士研究生只读一年但含金量更高?近些年来香港留学大热,其中一个原因就是香港的授课式硕士研究生仅需一年就可以拿到学位。对于学生来说,在享受到国际一流的教学资源和工作机会的同时,既节省时间又节约金钱,…

武汉市江岸区2021年高考成绩查询,2021年武汉各区一、二、三批次高中有哪些(名单)...

5月5日至9日是武汉市中考网上报名填报志愿的日子,填报志愿之前应提前了解本区的一批次、二批次和三批次学校的名单,了解其历年录取分数线,并选中最合适最理想的一所学校进行填写,下面我们来看详细名单。武汉各区一、二、三批次高中…

《Java设计模式》之桥接模式

Bridge模式的概念 Bridge 模式是构造型的设计模式之中的一个。Bridge模式基于类的最小设计原则,通过使用封装,聚合以及继承等行为来让不同的类承担不同的责任。它的主要特点是把抽象(abstraction)与行为实现(implement…

Java Formatter locale()方法与示例

Formatter类的locale()方法 (Formatter Class locale() method) locale() method is available in java.util package. locale()方法在java.util包中可用。 locale() method is used to returns the locales assign by the construction of this Formatter. locale()方法用于返…

cad中tk什么意思_设计中的“Neobject”什么意思?来了解一下

DesignArchitectureInteriorsFashionArtTransportTHE STUFF THAT REFINES YOU破界造物New Language?“Neobject,言如其字,从语义上,前缀 neo- 表示新的,object 则是物体,是客观存在,很中性,作动…

html文段源码,HTML 段落

HTML 段落HTML 可以将文档分割为若干段落。HTML 段落段落是通过 标签定义的。实例这是一个段落这是另一个段落尝试一下 注意:浏览器会自动地在段落的前后添加空行。( 是块级元素)不要忘记结束标签即使忘了使用结束标签,大多数浏览器也会正确地将 HTML 显…

Python基础语法学习整理

1、基础 r’ ‘:原始字符串 pow、round是内建函数 2、序列通用操作: 索引:d[] 分片:[:] 相加:d[] 乘法:[1,2]*3 成员判断:in 可用函数:len max min 3、列表 删除:del …

Java Collections copy()方法与示例

集合类的copy()方法 (Collections Class copy() method) copy() method is available in java.util package. copy()方法在java.util包中可用。 copy() method is used to copy all the elements from List the src_list (source list) and place all the copied elements into…

c#如何实现叫号操作_微信预约排队叫号系统操作指南

“微信排队预约"功能是阿拉善盟税务局为进一步优化营商环境,深化“放管服”改革,提高纳税便利度,更好地服务于阿拉善经济社会发展而开发的一项便民措施。通过“微信排队预约”功能,纳税人可以随时随地通过微信获取办税大厅的…

计算机用户越权操作的原因,“三员系统”中常见的越权问题

原标题:“三员系统”中常见的越权问题一、越权访问越权访问(Broken Access Control,简称BAC)是Web应用程序中一种常见的漏洞,由于其存在范围广、危害大,被OWASP列为Web应用十大安全隐患的第二名。1.1越权访问的产生比如&#xff0…

富士施乐2022网络扫描设置_富士施乐(FUJI XEROX)全系列复印机产品介绍

富士施乐(FUJI XEROX)复印机全系列详解富士施乐复印机是中小型办公环境的理想机型。所有的都拥有高效生产力和强大的稳定性,无论您需要亮丽色彩、黑白打印、亦或是足以应对复杂文档工作流的强大功能,总有一款适合您。DocuCentre S2110NDocuCentre S2110N…

ruby hash方法_Ruby中带有示例的Hash.rassoc(obj)方法

ruby hash方法Hash.rassoc(obj)方法 (Hash.rassoc(obj) Method) In this article, we will study about Hash.rassoc(obj) Method. The working of the method can’t be assumed because of it’s quite a different name. Let us read its definition and understand its imp…

JavaMail(四):接收邮件

2019独角兽企业重金招聘Python工程师标准>>> 接收邮件采用POP3协议进行接收,简单的一个接收邮件案例如下 /*** 接收邮件*/ public static void receive() throws Exception { // 准备连接服务器的会话信息 Properties props new Properties(); props.se…

html流动海报css,海报网css代码怎样把模块移到右面?最好把代码直接给我!嘿嘿。...

匿名用户13级2010-09-15 回答CSS是Cascading style Sheets的简称,中文译作“层叠样式表单”. 实际上它是一组样式。你可能对CSS这个名词比较陌生,实际上无论你用Internet Explorer还是Netscape Navigator在网上冲浪,几乎随时都在与CSS打交道&…