Jquery对话框基本配置
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
按钮
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对话框基本配置的更多相关文章
- 炫酷的jQuery对话框插gDialog
js有alert,prompt和confirm对话框,不过不是很美体验也不是很好,用jQuery也能实现, 体验效果:http://hovertree.com/texiao/jquery/34/ 代码 ...
- jQuery对话框右上角带关闭×
jQuery弹出可关闭遮罩层:http://hovertree.com/texiao/layer/1/ 代码如下: <!DOCTYPE html> <html> <hea ...
- 关于jQuery中环境配置中的问题
一开始无法显示出效果,配置和代码如 这代码本没有错 但是就是无法显示 原因是我下载了2.x版本的jQuery,jQuery2.x版本是不支持IE6/7/8的,也有很多主流的浏览器无法显示出效果,于是在 ...
- django debug toolbar jquery加载配置
默认加载谷歌cdn的jquery: 显然国内是会悲剧的. 破解方案: 在settings.py中增加以下配置: DEBUG_TOOLBAR_CONFIG = {"JQUERY_URL&quo ...
- jquery.cookie.js 配置
一定要写入cookies路径 一个轻量级的cookie 插件,可以读取.写入.删除 cookie. jquery.cookie.js 的配置 首先包含jQuery的库文件,在后面包含 jquery.c ...
- jquery datatable ajax配置详解
我写的这个东西类似于个人笔记,如果你想要完整的而了解 可以去这里看看 http://dt.thxopen.com/ 包括英文原网站都不错. 通过配置ajax的属性和服务器交互 $("sele ...
- jQuery对话框插件 ThickBox
http://baike.haosou.com/doc/7607201-7881296.html 项目已经停止维护,但该插件还是不错的! ThickBox是一个基于JQuery类库的扩展,它能在浏览器 ...
- jQuery的环境配置
目前最新的版本,是 1.10.1 和 2.0.2,如果你需要引用到你线上的项目,就必须使用压缩版,去掉了注释和空白,是容量最小. 从CDN中载入JQuery,如Google中载入JQuery: htt ...
- Jquery Highcharts 选项配置 说明文档
Highcharts提供大量的选项配置参数,您可以轻松定制符合用户要求的图表,下面为Highcharts常用的最核心的参数选项配置. Chart:图表区选项 Chart图表区选项用于设置图表区相关属性 ...
随机推荐
- 用C#操作IIS创建虚拟目录和网站
#region CreateWebsite 添加网站 public string CreateWebSite(string serverID, string serverComment, string ...
- asp.net web api 版本控制
版本控制 版本控制的方法有很多,这里提供一种将Odata与普通web api版本控制机制统一的方法,但也可以单独控制,整合控制与单独控制主要的不同是:整合控制通过VersionController ...
- C++语言中的类型(一)
--分门别类是简化事物最有效的方式. 类型是C++语言的基础,对象类型决定了能对该对象进行的操作. 一.基本内置数据类型 C++预先定义的基本内置数据类型是构造世界万物的原子,数据类型告诉我们数据的意 ...
- 《Metasploit魔鬼训练营》第四章(上)
p128 wmap 和昨天一样,我用这些漏洞扫描工具去扫testfire.net或者owaspbwa都扫不出漏洞!不明白! 补充:原来是网络不知道啥时候自己断了.连上后再次扫描就成功了:
- 《java.util.concurrent 包源码阅读》18 Exchanger
Exchanger可以看做双向数据传输的SynchronousQueue,即没有生产者和消费者之分,任意两个线程都可以交换数据. 在JDK5中Exchanger被设计成一个容量为1的容器,存放一个等待 ...
- PHP命令空间namespace及use的用法实践总结
以下皆为本人自我理解内容,如有失误之处,请多多包涵. 文章大纲: 使用namespace的目的 namespace的使用方法 使用use的目的 use的使用方法 使用namespace的目的: 团队合 ...
- Zabbix 3.0 部署监控 [二]
一.添加监控主机及设置 1.创建主机 Agent可以干一些SNMP无法干的事情,例如自定义监控项 snmp相关文章:http://www.abcdocker.com/abcdocker/1376 ...
- THinkPHP的认识
四中路由方式:http://网址/index.php?m=分组&c=控制器&a=操作方法(但是这个不安全,不推荐使用)http://网址/index.php/分组/控制器/操作方法(默 ...
- Mac关机时处于黑屏状态
PS:不知道大家有没有遇到过mac电脑关机就黑屏,只有一个箭头,还可以滑动箭头,但就是黑屏状态,等个好长时间还是关不了机,因此我查了好多资料,原因是在关机时,mac要先关掉其他软件或者保存进程以备下次 ...
- FastDFS教程Ⅲ-文件服务器扩容
1.简介 FastDFS文件服务器在设计时,为了支持大容量,存储节点(服务器)采用了分卷(或分组)的组织方式.存储系统由一个或多个卷组成,卷与卷之间的文件是相互独立的,所有卷的文件容量累加就是 ...