自定义弹出模态框

太过爱你忘了你带给我的痛 2022-06-18 10:59 487阅读 0赞

<style >

\#msgbox \{

width:  5 rem;

height:  1 rem;

line-height:  1 rem;

background: rgba( 0,  0,  0,  0.6);

z-index:  999999;

color: \#fff;

font-size:  0.3 rem;

text-align: center;

border-radius:  0.2 rem;

position: fixed;

left:  50%;

top:  50%;

\-webkit-transform: translate( \-50%,  \-50%);

\-ms-transform: translate( \-50%,  \-50%);

transform: translate( \-50%,  \-50%);

\}

</style>

<script>

function MyAlert(msg, msgbox) \{

msgbox = msgbox ? msgbox :  "msgbox";

var msgbox =  "\#" + msgbox;

if ($(msgbox).length >  0) \{

return  false;

\}

var timer;

var div =  '<div id="msgbox">' + msg +  '</div>'

clearTimeout(timer);

$( 'body').append(div);

timer = setTimeout( function() \{

$(msgbox).fadeOut( 300,  function() \{

$(msgbox).remove();

\});

\},  1000)

\}

</srcipt>

发表评论取消回复

表情：

评论列表（有 0 条评论，487人围观）

还没有评论，来说两句吧...

相关阅读

相关 bootstrap模态框中再弹出一个modal模态框被遮住问题

在bootstrap模态框中再弹出一个modal模态框被遮住了解决方法：我的问题是第一个弹框中再弹出第二个弹框，第二个弹框被第一个弹框覆盖在底部，如下所示：

电玩女神/ 2023年07月20日 13:52/ 0 赞/ 7 阅读

相关 AdminLTE2的模态框(弹出框)

刚好一个SSM练习项目中用到了这个弹出模态框的设计来记录一下关于这个模态框找了很久很多都不能用后来自己去官网找了一段模态框代码亲测可用先上模态框代码：

待我称王封你为后i/ 2023年07月10日 15:50/ 0 赞/ 35 阅读

相关 Angular6 弹出模态框 ngx-bootstrap

首先下载ngx-bootstrap npm install ngx-bootstrap --save 然后如果需要加载 bootstrap 样式，还需要下载 bootstr

淡淡的烟草味﹌/ 2023年06月22日 05:28/ 0 赞/ 31 阅读

相关 css3 模态框从底部弹出

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

ゝ一纸荒年。/ 2023年06月15日 07:18/ 0 赞/ 29 阅读

相关 uviewui实现日期间隔弹出（模态框）

需要实现效果如下： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ib

心已赠人/ 2022年12月24日 08:58/ 0 赞/ 331 阅读

相关 Android 自定义弹出框

1、自定义一个弹出框的布局dialogs <?xml version="1.0" encoding="UTF-8"?> <LinearLayout xmlns

怼烎@/ 2022年08月18日 15:22/ 0 赞/ 298 阅读

相关 SilverLight中弹出自定义模态窗口

SilverLight中弹出自定义模态窗口 1.建立Child窗口类 DemoChildWindow前台代码： <basics:ChildWindow x:Class="

冷不防/ 2022年08月07日 12:50/ 0 赞/ 228 阅读

相关自定义弹出模态框

<style > \msgbox \{ width: 5 rem; height: 1 rem; line-height: 1

太过爱你忘了你带给我的痛/ 2022年06月18日 10:59/ 0 赞/ 488 阅读

相关 Bootstrap自定义模态框，自动消失

Bootstrap自定义模态框，自动消失 1. 引入css 、jQuery、 font-awesome 2. 调整模态框的 css 3. setTimeout 定时

约定不等于承诺〃/ 2022年05月26日 11:51/ 0 赞/ 353 阅读

相关 AppCompatDialogFragment自定义模态弹框

很多时候系统自带的AlertDialog并不能满足我们模态弹框的需求，我们的app具体业务可能需要定制化的模态弹框，这个时候我们可以通过继承AppCompatDialogFra

淡淡的烟草味﹌/ 2022年05月12日 02:28/ 0 赞/ 367 阅读