js鼠标移入移除显现与隐藏

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>js鼠标移入移除显现与隐藏</title>
<script>
function m_over() {
//获取div里面名为"qq"的id鼠标移入时将其显现
var qq = document.getElementById('qq');
qq.style.display = "block";
qq.style.backgroundColor = "red";
}
//获取div里面名为"qq"的鼠标移除是将其隐藏
function m_out() {
var qq =document.getElementById('qq');
qq.style.display = "none";

}
</script>
</head>
<body>
<div onmouseover="m_over(this)" onmouseout="m_out(this)">显示部分
</div>
<div id="qq" style="display:none" >
<b>隐藏部分</b>
</div>
</body>
</html>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 12,417评论 2 17
  • 一、DOM 什么是DOM?Document Object Model(文档对象模型)。DOM是针对HTML和XML...
    空谷悠阅读 4,553评论 0 2
  • 单例模式 适用场景:可能会在场景中使用到对象,但只有一个实例,加载时并不主动创建,需要时才创建 最常见的单例模式,...
    Obeing阅读 6,614评论 1 10
  • //------------------------- 第一章 认识JQuery ----------------...
    米塔塔阅读 4,077评论 0 9
  • 我们首先要明白,我们给页面添加效果用到的js到底是什么?js其实包含三部分:dom 文档对象模型 bom 浏览...
    一直以来都很好阅读 4,223评论 0 0

友情链接更多精彩内容