在鼠标上 JavaScript

onmouseover javascript

本文关键字：JavaScript 鼠标      更新时间：2023-09-26

看看这个脚本：

<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' 中的内容？

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

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

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

此外，将 id 括在引号中： 

<div id='g'>
相关文章：