var defaults = {

id: 'layx', // 唯一id

icon: '', // 图标,设置false不启用,这里支持html代码

title: '', // 窗口标题

bgColor: '#fff', // 背景颜色,iframe页面背景为透明有效

borderColor: '#3baced', // 边框颜色

opacity: 1, // 透明度

type: 'iframe', // 窗口类型:支持iframe,alert,confirm,error,load,prompt

url: '', // iframe类型地址,type=iframe 时有效

content: '', // 非iframe类型内容,支持text,html

width: 800, // 初始化宽度

height: 600, // 初始化高度

loaddingText: '内容加载中...', // 内容加载文本内容,支持html

position: 'center', // 初始化位置,支持'center', 'lt', 'rt', 'lb', 'rb'以及 [top,left]数组

useFrameTitle: false, // 是否自动获取iframe页面标题填充窗口标题

minWidth: 150, // 拖曳大小最小宽度

minHeight: 150, // 拖曳大小最大宽度

shadable: false, // 是否启用窗口阻隔

alwaysOnTop: false, // 是否总是置顶

pinable: false, // 是否显示图钉按钮,当 alwaysOnTop为true的时候,pinable自动显示

minimizable: true, // 是否允许最小化

maximizable: true, // 是否允许最大化

closable: true, // 是否允许关闭

resizable: true, // 是否允许拖曳大小

// 拖曳方向控制

resizeLimit: {

t: true, // 是否允许上边拖曳大小,true允许

r: true, // 是否允许右边拖曳大小,true允许

b: true, // 是否允许下边拖曳大小,true允许

l: true, // 是否允许左边拖曳大小,true允许

lt: true, // 是否允许左上边拖曳大小,true允许

rt: true, // 是否允许右上边拖曳大小,true允许

lb: true, // 是否允许左下边拖曳大小,true允许

rb: true // 是否允许右下边拖曳大小,true允许

},

movable: true, // 是否允许拖动窗口

// 拖动窗口显示,vertical为true表示禁止水平拖动,horizontal为true表示禁止垂直拖动

moveLimit: {

vertical: false, // 是否禁止垂直拖动,false不禁止

horizontal: false, // 是否禁止水平拖动,false不禁止

leftOut: true, // 是否允许左边拖出,true允许

rightOut: true, // 是否允许右边拖出,true允许

topOut: true, // 是否允许上边拖出,true允许,此设置不管是false还是true,窗口都不能拖出窗体

bottomOut: true, // 是否允许下边拖出,true允许

},

statusBar: false, // 是否显示状态栏

focusable: true, // 是否启用iframe页面点击置顶

// scaleAnimatable: false, // 是否启用窗口缩放动画,开发中....

allowTitleDblclickToRestore: true, // 是否允许标题双击恢复窗体

// parent: null, // 父窗体id,设置此选项时,窗体将在窗体内部页面打开(MDI模式)并和父窗口共用同一个生命周期;注意:只支持非跨域页面。开发中...

// menuItems: [], // 自定义顶部下拉菜单,支持无限极,开发中....

// 拦截器,可以监听窗口各个状态

intercept: {

// iframe页面加载监听

load: {

// 加载之前,return false;禁止加载

before: function(windowDom, winform) {},

// 加载之后

after: function(windowDom, winform, iframe) {}

},

// 最小化监听

min: {

// 最小化之前,return false;禁止最小化

before: function(windowDom, winform) {},

// 最小化之后

after: function(windowDom, winform) {}

},

// 最大化监听

max: {

// 最大化之前,return false;禁止最大化

before: function(windowDom, winform) {},

// 最大化之后

after: function(windowDom, winform) {}

},

// 恢复监听

restore: {

// 恢复之前,return false;禁止恢复

before: function(windowDom, winform) {},

// 恢复之后

after: function(windowDom, winform) {}

},

// 关闭监听

destroy: {

// 关闭之前,return false;禁止关闭

before: function(windowDom, winform) {},

// 关闭之后

after: function(windowDom, winform) {}

},

// 置顶监听

pin: {

// 置顶之前,return false;禁止操作

before: function(windowDom, winform) {},

// 置顶之后

after: function(windowDom, winform) {}

},

// 移动窗口监听

move: {

// 移动之前

before: function(windowDom, winform) {},

// 移动中

moveing: function(windowDom, winform) {},

// 移动结束

after: function(windowDom, winform) {}

},

// 拖曳窗口大小监听

resize: {

// 拖曳之前

before: function(windowDom, winform) {},

// 拖曳中

resizing: function(windowDom, winform) {},

// 拖曳结束

after: function(windowDom, winform) {}

}

}

};

layui 图片展示添加一个x_Layx 演示示例相关推荐

  1. 【Groovy】map 集合 ( map 集合操作符重载 | 使用 << 操作符添加一个元素 | 代码示例 )

    文章目录 一.使用 " << " 操作符添加一个元素 二.代码示例 一.使用 " << " 操作符添加一个元素 对 map 集合 使用 ...

  2. 如何利用python的opencv,在图片上添加一个有背景颜色的文本框,并在文本框内添加文字?

    可以使用OpenCV的cv2.putText()函数来实现. 示例代码: import cv2 读取图片 img = cv2.imread('image.jpg') 定义文本框的位置 x, y = 1 ...

  3. java 添加一个线程、创建响应的用户界面 。 演示示例代码

    javajava 添加一个线程.创建响应的用户界面 . 演示示例代码 来自thinking in java 4 21章  部分的代码  夹21.2.11 thinking in java 4免费下载: ...

  4. layui表格展示图片

    layui表格里展示图片,解决图片展示不全问题 1.先看效果 2.js里layui表格代码 在放图片的列里使用自定义模板 , cols: [[{type: 'checkbox', fixed: 'le ...

  5. 利用Python自制一个批量图片水印添加器

    前段时间写了个比较简单的批量水印添加的python实现方式,将某个文件夹下面的图片全部添加上水印. 今天正好有时间就做了一个UI应用的封装,这样不需要知道python直接下载exe的应用程序使用即可. ...

  6. 用Vue实现一个掘金沸点图片展示组件

    动机 最近的后台项目里需要添加新鲜事功能,简而言之就是一个带图片的评论回复系统,看了好几个类似的系统后,还是决定仿照掘金沸点的设计,简洁而且优雅,整个模块界面基本和沸点一样,只是少了一些功能(链接和话 ...

  7. 周末自制了一个批量图片水印添加器!

    前段时间写了个比较简单的批量水印添加的python实现方式,将某个文件夹下面的图片全部添加上水印. [阅读全文] 今天正好有时间就做了一个UI应用的封装,这样不需要知道python直接下载exe的应用 ...

  8. 一个挺酷的flash图片展示效果

    为了做一个视频列表,在网上找了一个挺酷的flash图片展示效果,源代码的组件名称为DisplayShelf,有另外一个相同效果的组件叫CoverFlow. 原来的例子并没有实现单击当前图片的事件,为了 ...

  9. layUI框架表格中图片展示完整实例

    一.建表,插入数据 CREATE TABLE `product` (`id` bigint(0) NOT NULL AUTO_INCREMENT,`name` varchar(64) CHARACTE ...

最新文章

  1. [Swift]NSString、NSData、Base64互转
  2. MySQL升级教程(CentOS)
  3. good way for university professors accumulating the citation
  4. 【线上分享】移动音视频SDK工程实践之数据采集和处理
  5. MyEclipse使用总结
  6. V星入侵(V 2009)第一季全集下载
  7. 【C++编程题2】字符串插入空格
  8. Java Map 怎样实现Key 的唯一性?
  9. Vue 中的组件缓存
  10. 真正中文攻略之ef - the first tale(含下载和汉化)
  11. pytorch3d在linux下安装
  12. 《图解算法》学习之算法复杂度、运行时间
  13. python网易公开课官网_[Python][爬虫]网易公开课下载器,支持多线程,可分别下载视频及字幕...
  14. 3Dmax与BIM模型的区别
  15. 全国哀悼日网站变灰代码
  16. 随机测试数据生成 与 Pandas迭代方法性能对比
  17. TortoiseSVN配置
  18. 需要来自administrator的权限才能删除
  19. python getch_python – 是否可以使用getch()来获取不同长度的输入?
  20. 深度学习 基础硬件CPU GPU知识笔记

热门文章

  1. python繁体中文到简体中文的转换
  2. 19_01访问权限修饰符
  3. eclipse——Error exists in required project Proceed with launch?
  4. 第一模块:开发基础 第1章·Python基础语法
  5. WebApi实现验证授权Token,WebApi生成文档等
  6. opencv stereo match sample
  7. 依据BOM和已经存在的文件生成其他种类的文件
  8. delphi idtcpclient和idtcpserver的心跳包
  9. CentOS7 Nexus安装
  10. Linux常用命令一 查看系统负载 版本信息 工作目录