没有点击链接就弹出的“POP up appears”

要实现“没有点击链接就弹出的”POP up appears”的效果，可以使用JavaScript和CSS来实现。

首先，在HTML文件中添加一个div元素，用于显示弹出窗口的内容。设置该div的初始样式为隐藏。

<div id="popup" style="display: none;">
  <!-- 弹出窗口的内容 -->
  <h1>POP up appears</h1>
</div>

接下来，使用JavaScript来实现弹出窗口的逻辑。在页面加载完成后，使用setTimeout函数来延迟一定时间后显示弹出窗口。

window.onload = function() {
  setTimeout(function() {
    showPopup();
  }, 3000); // 延迟3秒后显示弹出窗口
};

function showPopup() {
  var popup = document.getElementById("popup");
  popup.style.display = "block";
}

上述代码中，使用了setTimeout函数来延迟3秒后调用showPopup()函数，从而显示弹出窗口。showPopup()函数通过修改div的display属性为"block"来显示弹出窗口。

最后，使用CSS来美化弹出窗口的样式。

#popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

以上CSS代码中，设置了弹出窗口的样式，包括了位置、背景颜色、内边距、边框和阴影等。

通过以上代码，当页面加载完毕后，会延迟3秒显示弹出窗口，并在页面的中心位置展示“POP up appears”的文本内容。