文章/答案/技术大牛

发布

问onmouseover javascript
EN

Stack Overflow用户

提问于 2012-04-07 22:07:19

回答 2查看 4.3K关注 0票数 0

看看这个脚本：

<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‘中的内容，如果链接悬停？

javascript

html

onmouseover

回答 2

Stack Overflow用户

回答已采纳

发布于 2012-04-07 22:09:04

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

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

票数 3

Stack Overflow用户

发布于 2012-04-07 22:10:08

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

另外，用引号将id括起来：

<div id='g'>

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/10055160

复制

相似问题

问onmouseover javascript
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问onmouseover javascriptEN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问onmouseover javascript
EN