js初学第二天

最新推荐文章于 2022-02-08 12:05:01 发布

Ben. .

最新推荐文章于 2022-02-08 12:05:01 发布

阅读量185

点赞数

分类专栏： js WEB HTML 文章标签： js 学习

本文链接：https://blog.csdn.net/SHA925/article/details/100715998

版权

	<!--
			当鼠标移入的时候，把div的style的display变成block
			getElementByid()
			js:把右边的东西，放在左边里
		-->
		<style>
			#div1{
				color: red;
				font-size: 30px;
			}		
		</style>
	</head>
	<body>
		<label  
				onmouseout="document.getElementById('div1').style.display='none'" 
				onmousemover="document.getElementById('div1').style.display='block'" />
			<input type="checkbox" />自动登录
		</label>
		<div id="div1"">不要在网吧</div>
	</body>

<div id="div1" onmouseover="document.getElementById('div1').style.display.height='200px';
			                        document.getElementById('div1').style.display.width='200px';
			                        document.getElementById('div1').style.display.background='blue'" 
			                        >
			
		</div>

<style>
		/*全部的div*/
			div{    
				width: 100px; height: 100px; background-color: red;
			}
			
		</style>

<div id="div1" onmouseover="document.getElementById('div1').style.height='200px';
			                        document.getElementById('div1').style.width='200px';
			                        document.getElementById('div1').style.background='blue'" 
			                        >
			
		</div>

<body>
		<div id="div1" 
			onmouseover="document.getElementById('div1').style.width='200px';
			             document.getElementById('div1').style.height='200px';
			              document.getElementById('div1').style.background='greenyellow'"
			              
			              
			              
			onmouseout="document.getElementById('div1').style.width='100px';
			             document.getElementById('div1'

最低0.47元/天解锁文章

Ben. .

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js初学第二天

 <style> #div1{ color: red; font-size: 30px; } </style> </head> &l...
复制链接

扫一扫