码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-07-29 15:28:39      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:blank   int   top   point   :hover   pad   microsoft   break   add   

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

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

标签:blank   int   top   point   :hover   pad   microsoft   break   add   

原文地址:https://www.cnblogs.com/caogenrenwu/p/13396588.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!