前端开发之弹出框系列教程三:Msg消息框

Posted caogenrenwu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了前端开发之弹出框系列教程三:Msg消息框相关的知识,希望对你有一定的参考价值。

 1、居中弹出
$k.msg({content:‘居中弹出‘});
 查看效果
 2、左上角弹出
$k.msg({
      content:‘左上角弹出‘,
      style:{left:0,top:0}
});
 查看效果
 3、右下角弹出
$k.msg({
      content:‘右上角弹出‘,
      style:{left:‘r‘,top:‘b‘}
});
 查看效果
 4、左下角弹出
$k.msg({
      content:‘左下角弹出‘,
      style:{left:0,top:‘b‘}
});
 查看效果
 5、右上角弹出
$k.msg({
      content:‘右上角弹出‘,
      style:{left:‘r‘,top:0}
});
 查看效果
 6、自定义弹出位置
$k.msg({
      content:‘自定义弹出位置:距左边200px,距上边200px‘,
      style:{left:200,top:200}
});

以上是关于前端开发之弹出框系列教程三:Msg消息框的主要内容,如果未能解决你的问题,请参考以下文章

前端开发之弹出框系列教程一:Alert提示框

前端开发之弹出框系列教程四:Prompt提示输入框

boostrap之弹出框(popover),控制只有一个只显示框

layui 之弹出窗口图片

layui列表点击添加/编辑弹出框,ajax执行完毕layer.msg不执行回调的问题

前端随心记---------Javascript系列(第八节.BOM)