p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 18.0px "PingFang SC" }
p.p2 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "PingFang SC" }
p.p3 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px "PingFang SC"; color: #494949 }
p.p4 { margin: 0.0px 0.0px 0.0px 0.0px; font: 14.0px Arial; color: #494949 }
p.p5 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px "Helvetica Neue"; color: #ffc66e }
p.p6 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px "Helvetica Neue"; color: #6a8759 }
p.p7 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo; color: #9876aa }
p.p8 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo; color: #a9b7c6 }
p.p9 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Courier New" }
p.p10 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px "Courier New"; min-height: 14.0px }
p.p11 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Menlo }
p.p12 { margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Menlo; color: #666600 }
p.p13 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo; color: #ffc66e }
p.p14 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo; color: #6a8759 }
p.p15 { margin: 0.0px 0.0px 0.0px 0.0px; font: 15.0px Menlo; color: #cc7831; min-height: 18.0px }
span.s1 { font: 18.0px "Helvetica Neue" }
span.s2 { font: 14.0px Arial }
span.s3 { font: 14.0px "PingFang SC" }
span.s4 { color: #a9b7c6 }
span.s5 { color: #9876aa }
span.s6 { color: #cc7831 }
span.s7 { font: 15.0px Menlo }
span.s8 { font: 15.0px Menlo; color: #cc7831 }
span.s9 { font: 15.0px Menlo; color: #808080 }
span.s10 { font: 15.0px "PingFang SC"; color: #808080 }
span.s11 { color: #6a8759 }
span.s12 { font: 15.0px "PingFang SC"; color: #6a8759 }
span.s13 { color: #808080 }
span.s14 { color: #6897bb }
span.s15 { font: 14.0px "PingFang SC"; color: #494949 }
span.s16 { color: #666600 }
span.s17 { color: #008800 }
span.s18 { color: #006666 }
span.s19 { font: 12.0px "PingFang SC" }
span.s20 { color: #0433ff }
span.s21 { color: #ffc66e }

Jquery弹框以及常用参数配置 使用方法:

$.createDialog({

  id : 'dialog', url:'/model/guide.html',//路由链接

  title:'弹框案列',//标题 width : 700,

  height : 620,

});

以上是基本的对话框,还有需求可使用以下参数配置:

  autoOpen 初始化之后,是否立即显示对话框,默认为 true

  modal 是否模式对话框,默认为 false

  closeOnEscape 当用户按 Esc 键之后,是否应该关闭对话框,默认为 true draggable 是否允许拖动,默认为 true

  resizable 是否可以调整对话框的大小,默认为 true

  title 对话框的标题,可以是 html 串,例如一个超级链接。

  position 用来设置对话框的位置,有三种设置方法

位置参数设置

position:一个字符串组成的数组,例如, ['right','top'],表示对话框将会位于窗口的右上角。

一个字符串,允许的值为 'center', 'left', 'right', 'top', 'bottom'. 此属性的默认值即为 'center',表示对话框居中。 2. 一个数组,包含两个以像素为单位的位置,例如,

var dialogOpts = {

position: [100, 100]

};

var dialogOpts = {

position: ["left", "bottom"]

};

堆叠

stack     对话框是否叠在其他对话框之上。默认为 true

zIndex   对话框的 z-index 值,一个整数,越大越在上面。默认 1000

对话框打开或关闭效果

当对话框关闭时的效果,默认为 null, 例如, hide: 'slide'

show 当对话框打开时的效果。默认为 null 添加动画:

show: {

effect: "blind",

duration: 1000

},

hide: {

effect: "explode",

duration: 1000

}

对话框是否叠在其他对话框之上。默认为 true

对话框的 z-index 值,一个整数,越大越在上面。默认 1000

按钮

 buttons:{
            "确定":function(){},
            "取消":function(){$(this).dialog('close');}
          }
//点击其他按钮打开模态框
$(“#opener”).click(function(){
     $(#dialog).dialog(“open”);
}) 

tips:去掉头部方法或者去掉右上角的关闭按钮。

$.createDialog({

  closeOnEscape: false,//ESC关闭对话框

  id : 'dialog',

  url:'/model/guide.html',

  width : 700,

  height : 620,

  open: function (event, ui) {

  $(".ui-dialog-titlebar-close", $(this).parent()).hide();//去掉对话框右上角按钮

  $('.ui-dialog-titlebar').hide();//去掉对话框头部title }

});

参考链接:Jquery对话框参数配置

-----原创文章,©版权所有,转载请注明标明出处:http://www.cnblogs.com/doinbean

Jquery对话框基本配置的更多相关文章

  1. 炫酷的jQuery对话框插gDialog

    js有alert,prompt和confirm对话框,不过不是很美体验也不是很好,用jQuery也能实现, 体验效果:http://hovertree.com/texiao/jquery/34/ 代码 ...

  2. jQuery对话框右上角带关闭×

    jQuery弹出可关闭遮罩层:http://hovertree.com/texiao/layer/1/ 代码如下: <!DOCTYPE html> <html> <hea ...

  3. 关于jQuery中环境配置中的问题

    一开始无法显示出效果,配置和代码如 这代码本没有错 但是就是无法显示 原因是我下载了2.x版本的jQuery,jQuery2.x版本是不支持IE6/7/8的,也有很多主流的浏览器无法显示出效果,于是在 ...

  4. django debug toolbar jquery加载配置

    默认加载谷歌cdn的jquery: 显然国内是会悲剧的. 破解方案: 在settings.py中增加以下配置: DEBUG_TOOLBAR_CONFIG = {"JQUERY_URL&quo ...

  5. jquery.cookie.js 配置

    一定要写入cookies路径 一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cookie.js 的配置 首先包含jQuery的库文件,在后面包含 jquery.c ...

  6. jquery datatable ajax配置详解

    我写的这个东西类似于个人笔记,如果你想要完整的而了解 可以去这里看看 http://dt.thxopen.com/ 包括英文原网站都不错. 通过配置ajax的属性和服务器交互 $("sele ...

  7. jQuery对话框插件 ThickBox

    http://baike.haosou.com/doc/7607201-7881296.html 项目已经停止维护,但该插件还是不错的! ThickBox是一个基于JQuery类库的扩展,它能在浏览器 ...

  8. jQuery的环境配置

    目前最新的版本,是 1.10.1 和 2.0.2,如果你需要引用到你线上的项目,就必须使用压缩版,去掉了注释和空白,是容量最小. 从CDN中载入JQuery,如Google中载入JQuery: htt ...

  9. Jquery Highcharts 选项配置 说明文档

    Highcharts提供大量的选项配置参数,您可以轻松定制符合用户要求的图表,下面为Highcharts常用的最核心的参数选项配置. Chart:图表区选项 Chart图表区选项用于设置图表区相关属性 ...

随机推荐

  1. .Net 中通用的FormatString格式符整理

    格式化日期和数字的字符串经常要用到这个, 就把帮助里面的东西大概整理了一些列在这里了. 下表描述了用来格式化 DateTime 对象的标准格式说明符.格式说明符 名称 说明 d 短日期模式 显示由与当 ...

  2. jenkins+docker 持续构建非docker in docker jenkins docker svn maven

    工欲善其事必先利其器,为了解脱程序员的,我们程序员本身发明了很多好用的工具,通过各种工具的组合来达到我们想要的结果 本文采用jenkins docker svn maven作为相关工具,项目sprin ...

  3. [转载] Kafka+Storm+HDFS整合实践

    转载自http://www.tuicool.com/articles/NzyqAn 在基于Hadoop平台的很多应用场景中,我们需要对数据进行离线和实时分析,离线分析可以很容易地借助于Hive来实现统 ...

  4. Quartus FFT IP核简介

    为了突出重点,仅对I/O数据流为steaming的情况作简要说明,以便快速上手,有关FFT ip核模型及每种设置详细介绍请参考官方手册FFT MegaCore Function User Guide. ...

  5. 关于Springboot整合mybatis启动的问题

    由于是刚pull下来的项目整体也不熟悉,然后项目无法正常启动,爆出的异常为: Invalid bound statement (not found) 这是由于创建的新模块mapper与扫描mapper ...

  6. IDisposeable,Close

    一.资源分类 资源分为托管资源和非托管资源. 非托管资源:所有的windows内核对象(句柄)都是非托管资源,如stream,数据库连接,GDI+和COM对象等,这些资源不受CLR管理. 托管资源:由 ...

  7. sqoop的导入导出

    1.知道某列的值的增量导入(mysql------>文件) bin/sqoop import \--connect jdbc:mysql://bigdatcdh01:3306/test \--u ...

  8. States字段的使用规范

    背景 为了统一数据库表的状态字段,统一数据库表设计,简化字段在程序开发中的使用方式. 解决方式 States对应位域枚举StatesFlags. /// <summary> /// 数据状 ...

  9. Java语句语法

    一.流程控制语句 1.分支语句 1)if else 语法:(写法1) if(条件1){     //写一次 满足条件1执行在代码 }else if(条件2){    //写0或n次 不满足条件1,满足 ...

  10. 基于文本图形(ncurses)的文本搜索工具 ncgrep

    背景 作为一个VIM党,日常工作开发中,会经常利用grep进行关键词搜索,以快速定位到文件.如图: 利用grep进行文本搜索 但是,这一过程会有两个效率问题: 展示的结果无法进行直接交互,需要手动粘贴 ...