草根人物 - 博客园

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

摘要： 1、单行输入 $k.prompt({ content:'<span>请输入姓名：</span><input type="text" class="kui-window-input" style="width:200px;height:32px;" /> ', onClosed:function(ar 阅读全文

posted @ 2020-07-30 15:47 草根人物阅读(1228) 评论(0) 推荐(0) 编辑

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

摘要： 1、居中弹出 $k.msg({content:'居中弹出'}); 查看效果 2、左上角弹出 $k.msg({ content:'左上角弹出', style:{left:0,top:0} }); 查看效果 3、右下角弹出 $k.msg({ content:'右上角弹出', style:{left:'r 阅读全文

posted @ 2020-07-29 13:38 草根人物阅读(643) 评论(0) 推荐(0) 编辑

前端开发之弹出框系列教程二：Confirm确认框

摘要： 1、居中弹出 $k.confirm({ content:'居中弹出', onClosed:function(args){ if (args.closeTrigger == 'btn-0') { $k.alert({content:'您点了"确定"按钮'}); } else{ $k.alert({co 阅读全文

posted @ 2020-07-29 13:36 草根人物阅读(1744) 评论(0) 推荐(0) 编辑

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

摘要： 1、居中弹出 $k.alert({content:'居中弹出'}); 查看效果 2、左上角弹出 $k.alert({ content:'左上角弹出', style:{left:0,top:0} }); 查看效果 3、右下角弹出 $k.alert({ content:'右上角弹出', style:{l 阅读全文

posted @ 2020-07-29 13:33 草根人物阅读(1779) 评论(0) 推荐(0) 编辑

制作弹出框系列教程2--遮罩层

摘要：实现遮罩层的div层的代码如下. 上面这段代码要添加到body中,js代码实现如下： // <![CDATA[ function createShade(){ var html = '<div id="kui-window-shade-1001" class="kui-window-shade" s 阅读全文

posted @ 2017-02-17 20:41 草根人物阅读(257) 评论(0) 推荐(0) 编辑

制作弹出框系列教程1--效果预览

摘要：网上框架这么多，为什么要自己亲自写，原因很简单，别人的代码你看不懂，做出来的效果千编一律的，很难实现个性化。 alert效果： confirm效果： prompt效果： msg效果： loading效果： tips效果： win效果：阅读全文

posted @ 2017-02-17 20:01 草根人物阅读(187) 评论(0) 推荐(0) 编辑