Question

看看这个剧本：

<html>
<head>
<style>
#g{
display:none;
}
</style>
<a href=# onMOUSEOVER="document.getElementById('g').style.display='block'">
12</a><div id=g>hello world</div></html>

这是有效但

<div id=g>

当某人一次悬停链接时，总会显示

。如何阻止它，所以我们只能看到如果链接悬停，div id'g'中的内容？

Answer 1

在div标签上添加onmouseout，如下所示：

onmouseout="document.getElementById('g').style.display='none'"

Answer 2

<a href="#" onmouseover="document.getElementById('g').style.display='block'"
onmouseout="document.getElementById('g').style.display='none'">

另外，将id包装在引号中：

<div id='g'>

onmouseover javascript

2 个答案: