<分区>
标签 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/
相关文章:
javascript - 如何检测不触发 onpopstate 的 pushState/replaceState
javascript - 我的 javascript 只有在函数中时才有效
javascript - JS/CSS/HTML : Dropdown option on hover show image
css - 如何在 Firefox WebExtension 上使用@font-face
javascript - 抛出错误时不调用 Jasmine afterAll
javascript - 在 View 中输出数组数据并通过Javascript进行控制
javascript - 将 JSON 中的值作为参数传递给表行上的函数单击