用HTML+CSS+JS，写一个公告提示框，警告窗，广告窗（可关闭）_html广告弹窗代码

作者：weixin_40725706 | 2024-03-29 09:21:32

踩

html广告弹窗代码

效果图：

HTML：

CSS：

.box{
position: relative;
width: 300px;
height: 150px;
background-image: linear-gradient(
#547ad4,
#7954df
);
border-radius: 20px;
color: #ffffff;
text-align: center;
}
.box2{
position: absolute;
right: 10px;
top: 10px;
width: 30px;
height: 30px;
background-color: #fff;
border-radius: 50%;
line-height: 30px;
text-align: center;
color: #000;
}

JS：

const box=document.querySelector('.box')
const box2=document.querySelector('.box2')
box2.addEventListener('click',function(){
box.style.display='none'
})

全部代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>

⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️⭐️

制作不易，给个赞吧！

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/weixin_40725706/article/detail/335052

用HTML+CSS+JS，写一个公告提示框，警告窗，广告窗（可关闭）_html广告弹窗代码

效果图：

HTML：

CSS：

​​​​​​JS：

全部代码：

JS：