HTML中，窗口弹出效果是一种常见的交互效果，在网站的开发中非常常见。下面我们将介绍如何通过代码实现HTML窗口弹出效果。 首先，我们需要使用HTML的a标签来实现点击触发弹窗。代码如下：

<a href="#popup" class="popup-link">点击弹出窗口</a>

在a标签中，通过href属性来指定弹窗的id为“popup”，class属性指定样式。 接下来，我们需要创建一个弹窗的div，并为其指定样式和id。代码如下：

<div id="popup" class="popup">
<div class="popup-content">
<p>这是一段弹出窗口的内容。</p>
<a href="#" class="close-button">关闭</a>
</div>
</div>

在div中，class属性指定样式，id属性指定为“popup”，并且我们将内容放置在class为“popup-content”的div中。关闭按钮则是一个a标签，通过class属性指定关闭样式。 最后，我们需要为弹窗和关闭按钮添加点击事件。代码如下：

<script>
$(document).ready(function () {
$(".popup-link").click(function () {
$("#popup").fadeIn();
});
$(".close-button").click(function () {
$("#popup").fadeOut();
});
});
</script>

在ready方法中，我们通过click方法来给弹窗和关闭按钮添加点击事件。当弹窗按钮点击时，通过fadeIn方法将弹窗显示出来。当关闭按钮点击时，通过fadeOut方法将弹窗隐藏。 通过这样的方式，我们就可以实现HTML窗口弹出效果了。代码如下：

<a href="#popup" class="popup-link">点击弹出窗口</a>
<div id="popup" class="popup">
<div class="popup-content">
<p>这是一段弹出窗口的内容。</p>
<a href="#" class="close-button">关闭</a>
</div>
</div>
<script>
$(document).ready(function () {
$(".popup-link").click(function () {
$("#popup").fadeIn();
});
$(".close-button").click(function () {
$("#popup").fadeOut();
});
});
</script>