javascript - CSS 在按钮悬停时更改主体背景颜色?

标签 javascript html css

<分区>

例如,对于我的网站,我设置了主体的背景色

body {
background-color: #FFFFFF;
}

我还在 .html 文件中定义了一个按钮(假设它的 ID 为“button1”),并且我希望主体的背景颜色在按钮时发生变化(例如 #000000;)正在用鼠标悬停并在鼠标不再位于按钮上时变回。有办法做到这一点吗?

我是一名新的网络开发人员,并且仍在研究/学习 JavaScript。

最佳答案

这在 CSS 中是不可能的。在 JavaScript 中这很容易,您正在寻找 onmouseover/out 事件。

var button = document.getElementById('hover');
var body = document.body;

button.onmouseover = function() {
	body.className = 'hovered';
}

button.onmouseout = function() {
	body.className = '';
}
body {background: #000;}
body.hovered {background: #ff0;}
<button id="hover">button</button>

关于javascript - CSS 在按钮悬停时更改主体背景颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49430635/

上一篇:ios - 如何禁用 WebKit View 底部的工具栏

下一篇:html - CSS 否定伪类 :not() for parent/ancestor elements

相关文章:

javascript - 如何检测不触发 onpopstate 的 pushState/replaceState

javascript - 我的 javascript 只有在函数中时才有效

javascript - JS/CSS/HTML : Dropdown option on hover show image

javascript - 滚动后突出显示事件的 div

css - 如何在 Firefox WebExtension 上使用@font-face

javascript - 抛出错误时不调用 Jasmine afterAll

javascript - 在 View 中输出数组数据并通过Javascript进行控制

javascript - 将 JSON 中的值作为参数传递给表行上的函数单击

html - SVG 使用元素引用外部文件在 Safari 中不起作用

JAVASCRIPT 设置 utterscroll 的步骤?