html
<div id="big">
<div id="small"></div>
</div>css
#big{
width: 500px;
height: 500px;
background-color: #000;
}
#small{
width: 50px;
height: 50px;
background-color: #f00;
}js$("#big").on("tap", function(e) {
if(e.target == this) {
$('#small').hide();
}
});
本文介绍了一个简单的HTML页面布局,使用CSS进行样式设计,并通过JavaScript实现点击外部元素时隐藏内部元素的效果。此示例展示了基本的网页制作技巧,包括元素定位、事件监听等。

343

被折叠的 条评论
为什么被折叠?



