自定义弹出模态框

太过爱你忘了你带给我的痛 2022-06-18 10:59 458阅读 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 条评论，458人围观）

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

相关阅读

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

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

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

相关 Angular6 弹出模态框 ngx-bootstrap

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

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

相关 css3 模态框从底部弹出

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

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

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

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

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

相关 Android 自定义弹出框

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

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

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

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

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

相关自定义弹出模态框

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

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

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

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

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

相关 AppCompatDialogFragment自定义模态弹框

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

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

相关 bootstrap weebox，支持ajax的模态弹出框

本篇介绍的bootstrap weebox（支持ajax的模态弹出框），历经多次修改，目前版本已经稳定，整合了bootstrap的响应式，界面简单，功能却无比丰富，支持ajax

逃离我推掉我的手/ 2021年09月10日 14:48/ 0 赞/ 445 阅读