在網站中添加彈窗小廣告可以提升網站流量和收益,下面介紹如何使用HTML設置彈窗小廣告。
<!DOCTYPE html>
<html>
<head>
<title>彈窗小廣告</title>
<style>
#popup-ad {
position: fixed;
width: 300px;
height: 250px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 2px solid black;
background-color: white;
}
</style>
</head>
<body>
<div id="popup-ad">
<img src="ad.jpg" alt="廣告圖片">
<button onclick="closePopup()">關閉</button>
</div>
<script>
function closePopup() {
document.getElementById("popup-ad").style.display = "none";
}
</script>
</body>
</html>
首先,我們在HTML中創建一個div元素,添加id為“popup-ad”以便可以使用JavaScript控制其顯示和隱藏。然后,使用CSS樣式將這個div元素設置為固定位置居中于頁面,并添加廣告圖片和關閉按鈕。最后,使用JavaScript創建一個函數來隱藏彈框廣告。以上便是HTML設置彈窗小廣告的簡易教程。