（4）鼠标移动某个区域时候显示内容，移出某个区域的时候隐藏某个内容

无人与我共黄昏

于 2014-05-24 23:24:34 发布

阅读量6.8k

点赞数

分类专栏： JavaScript案例解析

本文链接：https://blog.csdn.net/Xuan6251237011/article/details/26880045

版权

JavaScript案例解析同时被 2 个专栏收录

42 篇文章 0 订阅 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

JavaScript代码

42 篇文章 0 订阅

订阅专栏

<!DOCTYPE HTML>
<!--
    1、当鼠标移入input的时候，让div1显示，当鼠标移除input的时候，让div1隐藏
    2、事件：简单说是代表用户的操作
    3、让div1显示出来其实就是将div1的display设为block
-->
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
#div1{
	width:200px;
	height:100px;
	background:#ccc;
	boder:1px solid;
	display:none;

}
</style>


</head>
<body>
	<input type="checkbox"  οnmοuseοver="document.getElementById('div1').style.display='block'" οnmοuseοut="document.getElementById('div1').style.display='none'" />
<!--将id为div1的style中的display设为block；为了使浏览器兼容，使用document.getElementById('div1'),而不直接使用div1.style.display='block'-->
	<div id="div1">
		为了您的信息安全。。。
	</div>
	


	<!-- <input type="button" value="按钮" οnclick&#

了解本专栏

超级会员免费看

无人与我共黄昏

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
（4）鼠标移动某个区域时候显示内容，移出某个区域的时候隐藏某个内容

#div1{ width:200px; height:100px; background:#ccc; boder:1px solid; di
复制链接

扫一扫

专栏目录