html 中手写阴影弹窗框封装

Posted panax

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 中手写阴影弹窗框封装相关的知识,希望对你有一定的参考价值。

// 弹出提示框
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();
                    
                
    

 

以上是关于html 中手写阴影弹窗框封装的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli手写弹窗组件

html怎么弹出带按钮和文字的信息框?

手写题整理

Javascript知识汇总------面向对象手写弹窗插件

angular小练习--手写弹出窗口以及文件上传或者复制粘贴,后读取打印文件内容

vue 纯手写滚动条,封装滚动条组件