zoukankan      html  css  js  c++  java
  • jQuery+Css3 多功能表单弹出层插件

    /*
     * 看了下面的调用示例,你就可以自定义弹框了哦。
     *          - $(element).hDialog(); //默认调用弹框;
     *          - $(element).hDialog({box: '#demo'}); //自定义弹框容器ID/Class;
     *          - $(element).hDialog({boxBg: '#eeeeee'}); //自定义弹框容器背景;
     *          - $(element).hDialog({modalBg: '#eeeeee'}); //自定义遮罩背景颜色;
     *          - $(element).hDialog({closeBg: '#eeeeee'}); //自定义关闭按钮背景颜色;
     *          - $(element).hDialog({ 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)',
     *                 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,可不填写)
     */

    **

    有问题在公众号【清汤袭人】找我,时常冒出各种傻问题,然一通百通,其乐无穷,一起探讨


  • 相关阅读:
    C++读取XML,开进程,开线程
    WinRT 异步模型
    记一个宣告失败的项目Metro VS2012RC的感性认识
    [翻译]深入理解Win32结构化异常处理(四)
    Google Test 测试架构探究
    .NET FrameWork 技术内幕
    [翻译]深入理解Win32结构化异常处理(三)
    谈一谈软件开发
    ExecutionContext & SynchronizationContext
    软件制作:QQPenguin辅助工具
  • 原文地址:https://www.cnblogs.com/qingmaple/p/4315887.html
Copyright © 2011-2022 走看看