jquery多功能表单验证弹出层插件

所属分类: 网页特效-弹出层    2023-05-31 10:02:28

jquery多功能表单验证弹出层插件 ie兼容6
 查看演示  登录后下载 温馨提示
登录会员即可享受免费下载
 我要建站

jquery多功能表单验证弹出层插件(共6个文件)

    • index.html

使用方法

使用说明:
	/*

	 * 看了下面的调用示例,你就可以自定义弹框了哦。

	 *          - $(element).hDialog(); //默认调用弹框;

	 *          - $(element).hDialog({box: '#demo'}); //自定义弹框容器ID/Class;

	 *          - $(element).hDialog({boxBg: '#eeeeee'}); //自定义弹框容器背景;

	 *          - $(element).hDialog({modalBg: '#eeeeee'}); //自定义遮罩背景颜色;

	 *          - $(element).hDialog({closeBg: '#eeeeee'}); //自定义关闭按钮背景颜色;

	 *          - $(element).hDialog({width: 500}); //自定义弹框宽度;

	 *          - $(element).hDialog({height: 400}); //自定义弹框高度;

	 *          - $(element).hDialog({position: 'top'}); //top:弹框顶部居中,center:绝对居中,left:顶部居左;

	 *          - $(element).hDialog({triggerEvent: 'mouseenter'}); //弹框触发方式;

	 *          - $(element).hDialog({effect: 'fadeOut'}); //弹框关闭效果;

	 *          - $(element).hDialog({closeHide: false}); //是否隐藏关闭按钮(默认true:不隐藏,false:隐藏)

	 *          - $(element).hDialog({resetForm: false}); //false:不重置表单,反之重置;

	 *          - $(element).hDialog({modalHide: false}); //false:点击遮罩背景不关闭弹框,反之关闭;

	 *          - $(element).hDialog({escHide: false}); //false:按ESC不关闭弹框,反之关闭;

	 * 

	 * 也可以这样:  

	 *          - $(element).hDialog({

	 *                box: '#demo',

	 *                boxBg: '#eeeeee',

	 *                modalBg: '#eeeeee',

	 *                closeBg: 'rgba(0,0,0,0.6)',

	 *                width: 500,

	 *                height: 400,

	 *                positions: 'top',

	 *                triggerEvent: 'mouseenter',

	 *                effect: 'hide',

	 *                closeHide: false,

	 *                resetForm: false,

	 *                modalHide: false,

	 *                escHide: false,

	 *                beforeShow: function(){ alert('执行回调'); },

	 *                afterHide: function(){ alert('执行回调'); }

	 *            });

	 *

	 * 下面是简单的扩展方法(以后再慢慢补充吧):

	 *          - $.tooltip('错误提示文字'); 或者  $.tooltip('正确提示文字',4000,true);  //内置2种提示风格(参数1为提示文字,参数2为自动关闭时间,参数3:true为正确,false为错误)

	 *          - $.showLoading('正在加载...',100,30); 或者  $.hideLoading(); //显示/移除加载(参数1为说明文字,参数2为宽度,参数3为高度,默认宽高为90*30,可不填写)

	 *          - $.goTop(); //返回顶部,(参数1:和屏幕底部的距离,参数2:和屏幕右侧的距离; PS:自定义一定要加单位,比如px,em, 也可以是百分比哦)

	 */

	

	

站长提示:
1. 苦力吧素材官方QQ群:950875342
2. 平台上所有素材资源,需注册登录会员方能正常下载。
3. 会员用户积极反馈网站、素材资源BUG或错误问题,每次奖励2K币
4. PHP源码类素材,如需协助安装调试,或你有二次开发需求,可联系苦力吧客服。
5. 付费素材资源,需充值后方能下载,如有任何疑问可直接联系苦力吧客服
相关资源 / 弹出层

jquery轻量级自定义弹出层对话框插件

一款实用的jQuery确认对话框插件,显示弹出层后背景显示灰色遮罩,可自定义设置对话框主题颜色。
  弹出层
 1307  0

jquery带多种类型的可自定义的页面右下角弹出层插件

一款响应式弹窗特效代码,支持自定义参数,包括:显示位置、窗口颜色、弹窗文本内容等。
  弹出层
 5192  0

jquery仿微信朋友圈布局图片放大查看特效

一款精仿微信朋友圈图片弹出层查看器,朋友圈动态评论布局,点击图片可弹出大图,可滑动切换。
  弹出层
 56  0

jquery轻量级鼠标悬停文字工具提示插件

一款可自定义的文本文字工具提示插件,鼠标悬停于元素上触发文字提示特效,可引导用户对某个功能模块的说明。
  弹出层
 9323  0

评论数(0) 回复有机会获得K币 用户协议

^_^ 还没有人评论,快来抢个沙发!
😀
  • 😀
  • 😊
  • 😂
  • 😍
  • 😑
  • 😷
  • 😵
  • 😛
  • 😣
  • 😱
  • 😋
  • 😎
  • 😵
  • 😕
  • 😶
  • 😚
  • 😜
  • 😭
发表评论