网页悬浮窗代码

发布日期:2023-09-23 03:57:55

下是一个简单的网页悬浮窗代码示例:

html

这是一个悬浮窗





#floating-window {
position: fixed;
bottom: 20px;
right: 20px;
width: 200px;
height: 100px;
background-c o l o r: #f0f0f0;
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
box-shadow: 2px 2px 5px #ccc;
}
#close-btn {
position: absolute;
top: 5px;
right: 5px;
background-c o l o r: #fff;
border: none;
cursor: pointer;
}


document.getElementById(close-btn).addEventListener(click, function() {
document.getElementById(floating-window).style.display = none;
});

这段代码创建了一个悬浮在网页右下角的窗口,包含一个文本段落和一个关闭按钮。当点击关闭按钮时,窗口会被隐藏。您可以根据需要进行调整和修改。

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

近期评论

没有评论可显示。