首页 > 特效插件 > 表格弹出层 >  jQuery.fkLayer.js 极简风格jQuery弹窗插件正文

jQuery.fkLayer.js 极简风格jQuery弹窗插件

特效介绍
jQuery.fkLayer.js 极简风格jQuery弹窗插件

    jQuery.fkLayer.js 极简风格jQuery弹窗插件是我爱模板网自己封装的一个基于jQuery的弹窗插件,弹窗可随意拖拽,包括alert、confirm和prompt三种弹窗。配置简单,支持回调。无需引入任何css,也无需写任何html,只需要调用即可。
使用方法
使用方法:
1、引入jQuery库和插件js
<script src="http://www.5imoban.net/tpl/js/jquery-1.8.3.min.js"></script>
<script src="jQuery.fkLayer.js"></script>
2、调用插件
$('#loginBtn').click(function(){
 $.fkLayer({
 type : 'prompt',
     okBtnTxt : '确定',
     cancelBtnTxt : '取消',
     okFn : function(r){ alert('您输入的内容为:'+r); },
     cancelFn : function(r){ alert('您输入的内容为:'+r); },
     closeFn : function(){ alert('您关闭弹窗。'); }
    });
})
3、参数详解:
参数 默认值 描述
type alert 弹窗类型,包括:警告框alert、确认框confirm、输入框prompt
tit '提示' 弹窗标题
con '弹窗内容弹窗内?' 弹窗内容,如果是prompt,会自动带上输入框,无需在这里填写。
okBtnTxt '确认' 确认按钮的文字
cancelBtnTxt '取消' 取消按钮的文字
closeFn null 关闭弹窗后的回调函数
okFn null 确认按钮点击后的回调函数,当弹窗类型为prompt时,回调函数的默认参数的值为输入框的值;当弹窗类型为confirm时,回调函数的默认参数值为true
cancelFn null 取消按钮点击后的回调函数,当弹窗类型为prompt时,回调函数的默认参数的值为null;当弹窗类型为confirm时,回调函数的默认参数值为false