Javascript 如何为全文激活onmouseover事件
我正在寻找一个onmousover代码，我在互联网上找不到 我已经创建了一个css框格式Javascript 如何为全文激活onmouseover事件,javascript,html,Javascript,Html,我正在寻找一个onmousover代码，我在互联网上找不到 我已经创建了一个css框格式 .box { float: left; width: 740px; height: 300px; margin-left: 10px; margin-top: 10px; padding: 5px; border: 2px solid black; 还有HTML 但是我不知道如何激活onmouseover事件，这样当鼠标悬停在它上面时，它将隐藏所有文本并显示新的文本内容 谢谢好吧，不要说互联网上没有资源，
.box {
float: left;
width: 740px;
height: 300px;
margin-left: 10px;
margin-top: 10px;
padding: 5px;
border: 2px solid black;
谢谢好吧，不要说互联网上没有资源，实际上有很多网站可供onmouseover活动使用。最好的参考方法是 说到你的问题，有几种方法可以触发onmouseover事件，这里我使用简单的javascript来更改触发onmouseover事件的文本
<!DOCTYPE html>
<head>
<title>a
</title>
<script type="text/javascript">
function changeMeHere(text)
{
var display = document.getElementById('text-to-display');
display.innerHTML = "";
display.innerHTML = text;
}
</script>
<style>
#box {
float: left;
width: 300px;
height: 300px;
margin-left: 10px;
margin-top: 10px;
padding: 5px;
border: 2px solid black;
}
</style>
</head>
<html>
<body>
<div id="box" onmouseover="changeMeHere('Yes, this is Onmouseover Text')" >
<div id="text-to-display" >
default text here.
</div>
</div>
</body>
</html>
A.
函数更改此处（文本）
{
var display=document.getElementById（'text-to-display'）；
display.innerHTML=“”；
display.innerHTML=文本；
}
#盒子{
浮动：左；
宽度：300px；
高度：300px；
左边距：10px；
边缘顶部：10px；
填充物：5px；
边框：2件纯黑；
}
此处为默认文本。
希望这能有所帮助。新文本在哪里？请在你的问题中显示你的相关HTML。我很少这样说，但我喜欢这个网站。但我更爱你。我该如何把b级的背景变成另一种颜色呢？我尝试过以下方法：.box-div.b{display:none；背景色：#C8C8C8；}.box:hover-div.a{display:none；背景色：#C8C8C8；}.box:hover-div.b{display:block；背景色：#C8C8C8；}但它似乎不会使整个框变成灰色，只是单词周围的边框。
<div class="box">
<div class="a">AAA AAA ... </div>
<div class="b">BBB BBB ... </div>
</div>
.box {
float: left;
width: 740px;
height: 300px;
margin-left: 10px;
margin-top: 10px;
padding: 5px;
border: 2px solid black;
background-color:#C8C8C8;
}
.box:hover{
background-color:#C8C8FF;
}
.box div.b{
display:none;
}
.box:hover div.a{
display: none;
}
.box:hover div.b{
display: block;
}