一个漂亮的前端弹窗，包含关闭按钮，样式清晰好看，可关闭弹窗

共3个文件

png：1个

html：1个

css：1个

前端弹窗

3星 · 超过75%的资源需积分: 45 98 下载量 45 浏览量 2018-07-18 19:42:49 上传评论 4 收藏 2KB RAR 举报

温馨提示

一个漂亮的前端弹窗，包含关闭按钮，样式清晰好看，可关闭弹窗

资源推荐

资源详情

资源评论

收起资源包目录

弹窗.rar （3个子文件）

弹窗

index.html 2KB

close.png 1KB

style.css 2KB

共 3 条

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <link rel="stylesheet" href="./style.css"> <title>Document</title> </head> <body> <div class="tip-bg"> <div class="tip-content"> <div class="tip-title"> <p>提示:您的授权信息已失效,请重新授权!</p> <img src="./close.png" alt="" class="tip-close"> </div> <div class="tip-select"> <div class="tip-select-row"> <span>请选择授权金额 :</span> <select name="" id=""> <option value="">请选择</option> <option value="">1</option> <option value="">2</option> <option value="">3</option> </select> </div> <div class="tip-select-row"> <span>请选择授权金额 :</span> <select name="" id=""> <option value="">请选择</option> <option value="">1</option> <option value="">2</option> <option value="">3</option> </select> </div> </div> <div class="tip-options-btn"> <a href="javascript:;" class="tip-confirm">确认授权</a> <a href="javascript:;" class="tip-cancel">稍后再试</a> </div> </div> </div> <script> var close = document.querySelector('.tip-close'); close.addEventListener('click',function(){ var bg = document.querySelector('.tip-bg'); bg.remove(); }); </script> </body> </html>

评论收藏

内容反馈

资源评论