UC知道HTML-点击隐藏
来源：百度知道 编辑：UC知道 时间：2024/05/21 07:00:20
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>点击隐藏</title>
<STYLE type="text/css">
.hide{display:none;}
.show{display:block;}
</STYLE>
</head>
<body>
<SPAN style="cursor:hand;" id="image1" onClick="this.className='hide';document.getElementById('image2').className='show'"><IMG src="1.jpg" hspace="8"></SPAN>
<SPAN id="image2" class="hide" onClick="this.className='hide';document.getElementById('image1').className='show'" style="cursor:hand;"><IMG src="2.jpg" hspace="8"></SPAN>
<DIV style="padding-left:20px;"></DIV>
</body>
</html>
主要是span里的是什么意思!
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>点击隐藏</title>
<STYLE type="text/css">
.hide{display:none;}
.show{display:block;}
</STYLE>
</head>
<body>
<SPAN style="cursor:hand;" id="image1" onClick="this.className='hide';document.getElementById('image2').className='show'"><IMG src="1.jpg" hspace="8"></SPAN>
<SPAN id="image2" class="hide" onClick="this.className='hide';document.getElementById('image1').className='show'" style="cursor:hand;"><IMG src="2.jpg" hspace="8"></SPAN>
<DIV style="padding-left:20px;"></DIV>
</body>
</html>
主要是span里的是什么意思!
先说说他定义的CSS吧
.hide{display:none;} //隐藏
.show{display:block;} //显示
//在说说SPAN里的
onClick//点击后 this.className(就是本层也就是SPAN)的className（CSS样式）为“hide”就隐藏了自己 document.getElementById('image1').className='show' （id名为'image1'的CSS样式为“show”）就是显示'image1'这个为ID的层