html 中手写阴影弹窗框封装

最新推荐文章于 2023-11-12 19:04:02 发布

转载最新推荐文章于 2023-11-12 19:04:02 发布 · 167 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/panax/p/11150461.html

本文介绍了一种使用JavaScript和jQuery实现的弹出提示框方法。通过在页面上动态生成并显示一个带有自定义宽度和内容的固定定位div元素，达到提示用户的效果。该方法在2秒后会自动移除提示框。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 弹出提示框
function popup(pWidth,content)
    {    
        $("#msg").remove();
        var html ='<div id="msg" style="position:fixed;top:5%;width:100%;height:30px;line-height:30px;margin-top:-15px;"><p style="background:#000;opacity:0.8;width:'+ pWidth +'px;color:#fff;text-align:center;padding:10px 10px;margin:0 auto;font-size:12px;border-radius:4px;">'+ content +'</p></div>'
                $("body").append(html);
                var t=setTimeout(next,2000);
                function next()
                {
                    $("#msg").remove();
                    
                }
    }