功能非常强大的Web弹窗,实现了和Windows系统一样的窗口——Layx
发布于 12 天前 作者 MonkSoul 616 次浏览 来自 分享

序言

Layx 下一代Web弹窗组件。

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

信息

  • 原创作者:百小僧
  • 开源协议:MIT
  • 当前版本:v2.5.3
  • 发布日期:2018.10.09
  • 交流Q群18863883
  • 版权所有:百签软件(中山)有限公司

特性

  • 纯原生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!');

输入图片说明

查看更多示例

8 回复

赞,如果能加上 mac 那种菜单栏颜色和支持本窗口后退

太流氓了,居然手机端也支持这么好(✪▽✪) 自豪地采用 CNodeJS ionic

下一代。。总觉得有些别扭。还是称新一代吧

回到顶部