javascript - 当我悬停当前选项卡时更改其他选项卡的不透明度

标签 javascript jquery html css tabs

我创建了一个下拉菜单。我需要当我悬停在一个选项卡上时,菜单中其他选项卡的不透明度会发生变化,但我悬停的当前选项卡除外。

示例:当我悬停在主页选项卡上时,主页选项卡和列表项的状态没有改变(黄色,不透明度=1),但其他选项卡(教程、文章、灵感)发生了变化(灰色,不透明度=0.5)

<code>http://jsfiddle.net/dennisho/6fX42/2/</code>

最佳答案

没有兄弟选择器会选择所有兄弟来帮助选择其他菜单元素,但您可以使用 :not 选择器

nav > ul:hover li:not(:hover) {
   opacity:0.5;
}

JSFiddle Demo

关于javascript - 当我悬停当前选项卡时更改其他选项卡的不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18936122/

相关文章:

javascript - Node.js Express 4.0 中 res.render 回调参数的用途是什么?

javascript - 跟踪 HTMLAudio 播放的总时间

jquery - 如何更改 :-moz-placeholder color with jQuery once it's set?

javascript - 在客户端上传多个文件并压缩,然后在服务器上上传压缩文件

javascript - OpenWeatherMap API : Uncaught TypeError - Cannot read property 'temp' of undefined(. ..)

html - 在 <a href...>text</a> 标签对之后,css 格式不会返回到以前的格式

html - Bootstrap 3 图像响应高度不起作用

javascript - 修改 Bootstrap Collapse : make content appear to the right of tabs

javascript - 使用 Jquery 停止 css 动画。这样做的正确方法是什么?

html - 在幻灯片上添加 div 标签