JS之鼠标移入移出事件2

最新推荐文章于 2023-05-12 18:50:07 发布

cookielv

最新推荐文章于 2023-05-12 18:50:07 发布

阅读量3.2k

点赞数 1

分类专栏：自学第一课

本文链接：https://blog.csdn.net/qq_19004625/article/details/52967108

版权

写了两种JS的方法，其实都是一样的。只不过一个是放在body之前，利用事件加载方法；一个是放在代码的最后面；

<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<style>
			#div1 {
				width: 200px;
				height: 200px;
				background: red;
				display: none;
			}
		</style>
		<script>			
			window.οnlοad=function(){//onload在事件加载完成以后执行调用
			 var oBtn1=document.getElementById('showBtn');
			 var oBtn2=document.getElementById('hideBtn');
			 var oDiv=document.getElementById('div1');
			 var oSb=document.getElementById('sb');
			 
			 oBtn1.οnclick=function(){
				oDiv.style.display='block';
				oDiv.style.background='yellow'
			 }
			 
			 oBtn2.οnclick=function(){
			   oDiv.style.display='none';
			 }
			 
			 oSb.οnmοuseοver=function(){
			 	oDiv.style.display=&

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

cookielv

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS之鼠标移入移出事件2

写了两种JS的方法，其实都是一样的。只不过一个是放在body之前，利用事件加载方法；一个是放在代码的最后面；1. #div1 { width: 200px; height: 200px; background: red; display: none; } window.onload=functio
复制链接

扫一扫