特效介绍
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 |