特效介绍
jQuery.fkLayer.js 极简风格jQuery弹窗插件是我爱模板网自己封装的一个基于jQuery的弹窗插件,弹窗可随意拖拽,包括alert、confirm和prompt三种弹窗。配置简单,支持回调。无需引入任何css,也无需写任何html,只需要调用即可。
使用方法
使用方法:1、引入jQuery库和插件js
<script src="https://5.jimth.com/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 |
