html5实现弹出提示框，并且伴随遮罩层并且可以关闭弹出框

最新推荐文章于 2024-08-11 00:51:52 发布

java干货

最新推荐文章于 2024-08-11 00:51:52 发布

阅读量7.6k

点赞数

分类专栏： JAVAweb web前端文章标签： html5 jquery 前端

本文链接：https://blog.csdn.net/dandandeshangni/article/details/49586461

版权

本文介绍了如何使用HTML5和jQuery创建一个具备遮罩层效果的弹出提示框，详细讲解了实现过程及关闭弹窗的逻辑，适合前端开发者学习。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery-1.8.3.min.js"></script>
    <style>
        *{padding: 0; margin: 0}
        .box{
            position: fixed;
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.2);
            display: none;
        }
        .box1{
            width: <a href="https://www.baidu.com/s?wd=500px&tn=44039180_cpr&fenlei=mv6quAkxTZn0IZRqIHckPjm4nH00T1dBPWbsuy7Bn1-WmvmYnWbY0ZwV5Hcvrjm3rH6sPfKWUMw85HfYnjn4nH6sgvPsT6K1TL0qnfK1TL0z5HD0IgF_5y9YIZ0lQzqlpA-bmyt8mh7GuZR8mvqVQL7dugPYpyq8Q1Rznjf4n1mvnWn3njDYnjfsPf" target="_blank" class="baidu-highlight">500px</a>;
            height: <a href="https://www.baidu.com/s?wd=500px&tn=44039180_cpr&fenlei=