11004 “div变形记”:当鼠标移上去去的时候,出现红色的边框并变为黄色背景,且高度变为100px,其中文字也变为红色。当鼠标离开后又恢复原始“形状”。 – 恵玩科技

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			#box1{
				width: 100px;
				height: 100px;
				border: 1px solid black;
			}
		</style>
		<script type="text/javascript">
			function bianhua1(){
				var b=document.getElementById("box1");
				b.style.width="500px";
				b.style.height="100px";
				b.style.border="3px solid red";
				b.style.background="yellow";
			}
			function bianhua2(){
				var b=document.getElementById("box1");
				b.style.width="100px";
				b.style.height="100px";
				b.style.border=" 1px solid black";
				
			}
		</script>
		
	</head>
	<body>
		<div id="box1" onmouseover="bianhua1();" onmouseout="bianhua2();">
			
		</div>
		<p>“div变形记”:当鼠标移上去去的时候,出现红色的边框
			并变为黄色背景,且高度变为100px,
			其中文字也变为红色。当鼠标离开后又恢复原始“形状”。</p>
	</body>
</html>

 

打赏作者