上传者: 38534352
|
上传时间: 2022-11-25 04:00:52
|
文件大小: 33KB
|
文件类型: PDF
本文实例为大家分享了js实现弹窗效果的具体代码,供大家参考,具体内容如下
思路:
1.创建一个按钮,点击弹出弹窗
2.建立一个弹窗页面 固定定位 默认隐藏
3.将弹窗内容放在弹窗页面的中间
4.js将事件绑定按钮,点击后让弹窗页面显示
5.js事件绑定span标签,点击后让弹窗页面消失
代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>弹窗</title>
<link href="../css/弹窗.css" type="text/css" rel="stylesheet">
</he