javascript - 当鼠标悬停在另一个 div 上时更改 div 背景

标签 javascript css

我有 DIV1,当用户将鼠标悬停在上面时,我想更改 DIV2 的背景(网页的不同部分),请问该怎么做?当用户 onmouseout DIV1 时,DIV2 应该会像以前一样恢复。

谢谢。

最佳答案

您也可以使用 CSS 和通用同级选择器 (~) 或其他选择器的某种组合来指定要更改的 div

.one:hover ~ .two {background:salmon;}

.one:hover ~ ul .three {background: lightblue;}

Demo

关于javascript - 当鼠标悬停在另一个 div 上时更改 div 背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9472800/

相关文章:

javascript - 中止多文件上传 AJAX 请求

javascript - 在javascript中异步播放声音?

css - 如何在 Angular7 中全局设置字体大小(将自定义值设置为 rem)?

python - Django-Weasyprint 图像未渲染

javascript - 堆叠 UIkit.modal 内置对话框

javascript - setTimeout 函数比应有的速度要快

javascript - jQuery 在鼠标移出时处理 hover() 和未完成的动画

javascript - JS : Getting image id using onmouseover

html - 在父 div 中定位内部 div

css - CSS 的字体大小舍入问题