在一个网页中弹出的小窗口是怎么做的 – CSS – 前端 css如何画布制作特效

JavaScript 弹窗共有三种

1、window.alert(“sometext”);

2、window.confirm(“sometext”);

3、window.prompt(“sometext”,”defaultvalue”);

但是这3种方法都不能做一个大小固定的小窗口，要做大小固定的弹窗，需要大家自己在HTML文档中编写：

HTML：

.btn：点击button后弹窗出现

.close：点击X后弹窗消失

.con：是弹窗内容区

.bk：屏蔽页面其他内容，弹窗出现时，弹窗的z-index最大，其他内容不能进行操作

CSS：

JQ：

页面展现效果：

1、点击按钮

2、出现一个自己控制的500*200的弹框，同时浏览区背景为灰色

3、点击红色区域右上角X号，弹窗会消失