Html网页打开自动弹出显示内容或图片

最新推荐文章于 2024-06-18 15:24:37 发布

小栋哟

最新推荐文章于 2024-06-18 15:24:37 发布

阅读量1.7k

点赞数

文章标签： html 前端 javascript

本文链接：https://blog.csdn.net/Xiaodongge521/article/details/130765109

版权

直接复制到要弹出的页面就可

<div id="popup" style="position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 700px;
            height: 150px;
            border-radius:5px;
            background-color: white;
            padding: 20px;
            text-align: center;
            z-index: 999;">
            <div id="close" onclick="document.getElementById('popup').style.display = 'none'" style="position: absolute;
            top: 10px;
            right: 10px;
            cursor: pointer;">X
            </div>
            <h2
                    style="margin-top: 50px;cursor: pointer"><a
                    href="http://www.geodata.cn/news/newsDetails.html?newsguid=243576282916089" target="_blank"
                    style="color: #000;text-decoration: none">xxxxxxxxxxxx</a></h2>
        </div>