开放代码社区 › Layx 原生 JavaScript 窗口组件库

Layx 原生 JavaScript 窗口组件库

Web 应用JavaScript

Layx 是一个纯原生 JavaScript 实现的窗口组件库，gzip 压缩后仅 13.5kb，不依赖任何第三方框架，兼容 IE10+ 及主流浏览器。它提供文本窗口、页面窗口、提示与询问窗口、加载窗口、置顶窗口等多种类型，支持最大化、最小化、拖拽缩放、窗口通讯、操作拦截、自定义皮肤与触摸手势，适用于 Web 后台系统、弹窗交互与多窗口管理场景。

AI/机器学习前端工具JavaScript

作者：用户6868语言：JavaScript更新：2026-10-27

仓库地址

https://gitee.com/monksoul/LayX.git

前往原仓库

README

# [V2.x 官网地址](https://gitee.com/monksoul/LayX/tree/master/)

# [V2.x 预览地址](https://layx.baiqian.com)

------

# Layx v3.x 版本开发中，[v3.x 预览地址](https://layx.baiqian.com/v3)

# [v3.x 进度，2020年02月04日](https://gitee.com/monksoul/LayX/blob/dev/FUNCTIONS.md)

![输入图片说明](https://web-code-img.oss-cn-shanghai.aliyuncs.com/readme/098ee11ac553bbdc3346f29f.png "Layx v3.x Final 2 (1).png")

# 序言

Layx 窗口即入口，入口即天地。

gzip压缩版仅 `13.5kb`，非常小巧。

## 信息

- `原创作者`：百小僧
- `开源协议`：MIT
- `当前版本`：v2.5.4
- `发布日期`：2018.11.03

# 特性

- 纯原生Javascript实现，不依赖任何第三方框架
- 支持IE10+（含IE10）、Chrome、Firefox、Opera、Edge、Safari等主流浏览器
- 支持多种窗口类型：文本窗口，页面窗口，窗口组，提示窗口，消息窗口，询问窗口，输入窗口，加载窗口、浮动窗口、置顶窗口、倒计时窗口、只读窗口
- 支持窗口最大化、最小化、恢复、置顶、关闭、调试、双击控制及事件监听
- 支持窗口阻隔、窗口闪烁功能
- 支持窗口点击标题获取焦点、点击内容/页面获取焦点
- 支持窗口图标定制、操作按钮定制
- 支持窗口四个方向拖动及方向控制
- 支持窗口八个方向拖曳大小及拖曳方向控制
- 支持窗口自动获取页面标题
- 支持窗口位置记录及恢复
- 支持窗口相互通讯
- 支持窗口设定自动关闭
- 支持窗口外观控制、状态栏、透明度控制
- 支持窗口操作拦截器、可以拦截任何不正常操作
- 支持窗口初始化位置、宽高度、最小化宽高度控制
- 支持窗口加载文字控制
- 支持窗口滚动条智能判断
- 支持窗口最小化统一管理
- 支持窗口位置记录保存
- 支持 `ESC` 快捷键退出窗口
- 支持自定义皮肤，设置任何您想要的外观
- **支持触摸屏手势拖曳、拖动**


# 使用

第一步：引入 layx.css / layx.min.css

```
<link href="layx.min.css" rel="stylesheet" type="text/css" />
```

第二步：引入 layx.js / layx.min.js

```
<script src="layx.min.js" type="text/javascript"></script>
```

第三步：打开一个窗口试试

```
layx.html('str','字符串文本','Hello Layx!');
```

![输入图片说明](https://web-code-img.oss-cn-shanghai.aliyuncs.com/readme/c3f985668759241ab52cf267.png "layx2.png")

[查看更多示例](https://layx.baiqian.com/)