当前位置:首页 > 编程技术 > 正文

如何让模态框几秒钟消失

如何让模态框几秒钟消失

要实现模态框在几秒钟后自动消失,可以通过JavaScript来实现。以下是一个简单的示例,使用原生JavaScript和CSS:1. 创建一个模态框的HTML结构。``...

要实现模态框在几秒钟后自动消失,可以通过JavaScript来实现。以下是一个简单的示例,使用原生JavaScript和CSS:

1. 创建一个模态框的HTML结构。

```html

```

2. 接下来,添加一些CSS样式来美化模态框。

```css

/ 模态框的CSS样式 /

.modal {

display: none; / 默认不显示 /

position: fixed; / 固定位置 /

z-index: 1; / 层叠顺序 /

left: 0;

top: 0;

width: 100%; / 宽度覆盖整个屏幕 /

height: 100%; / 高度覆盖整个屏幕 /

overflow: auto; / 如果内容过多,可以滚动 /

background-color: rgb(0,0,0); / 背景颜色 /

background-color: rgba(0,0,0,0.4); / 背景颜色半透明 /

最新文章