这3个弹窗组件,让你的网站交互更加流畅,小白轻松入门

CSS/设计
502
0
0
2022-04-19

这3个弹窗组件,让你的网站交互更加流畅,小白轻松入门

Layx 企业级弹窗组件。

Layx 是一款纯原生Javascript编写的网页弹窗插件,完全模仿Windows 10操作系统窗口进行设计开发。

目前Layx具备以下功能

  • 支持文本窗口、页面窗口(iframe)
  • 支持最大化、最小化、恢复、关闭、置顶功能
  • 支持窗口拖动及四个方向拖动控制
  • 支持8个方向的窗口拖曳改变大小(上,右,下,左,左上,左下,右上,右下)
  • 窗口最小宽度、最大宽度控制
  • 窗口焦点激活控制
  • 支持窗口阴影控制
  • 窗口自动记录上次位置
  • 支持双击标题切换窗口
  • 支持拖曳窗口到顶部自动最大化、最大化拖曳自动恢复正常窗口
  • 支持MDI多级嵌套窗口
  • 支持窗口外观控制(背景颜色、透明度、边框颜色、状态栏等)
  • 支持窗口图标自定义、操作按钮自定义
  • 支持窗口之间相互通讯
  • 支持窗口操作监听(最小化监听、最大化监听、恢复监听、置顶监听、拖动监听、改变大小监听、加载监听等)
  • 支持窗口打开初始化位置控制(中间,左上、右上、左下、右下、自定义上边和左边)
  • 支持窗口阻隔、遮罩
  • 支持自动获取iframe页面标题填充窗口标题
  • 支持窗口状态拦截器,可以拦截窗口所有操作功能
  • 支持窗口加载提示控制
  • 兼容IE9+、Chrome、Edge、FF、Opera等现代主流浏览器

未来拥有的功能远不止这些...


这3个弹窗组件,让你的网站交互更加流畅,小白轻松入门

Layer

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。

在与同类组件的比较中,layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能,且格外注重性能的提升、易用和实用性,正因如此,越来越多的开发者将媚眼投上了layer(已被6690195人次关注)。layer 甚至兼容了包括 IE6 在内的所有主流浏览器。她数量可观的接口,使得您可以自定义太多您需要的风格,每一种弹层模式各具特色,广受欢迎。当然,这种“王婆卖瓜”的陈述听起来总是有点难受,因此你需要进一步了解她是否真的如你所愿。

这3个弹窗组件,让你的网站交互更加流畅,小白轻松入门

事实上layer提供的丰富的接口支撑,已经足够让你的弹层变得千变万化,请恕我们无法为您逐一演示。如果您仍觉得文档和代码有不当之处,迫切地希望您能反馈,你可以通过Fly社区和加群的方式进入layer的圈子,许多和你一样的小伙伴将会和你一起,经历这段美妙的旅程。


这3个弹窗组件,让你的网站交互更加流畅,小白轻松入门

artDialog

artDialog —— 经典、优雅的网页对话框控件。

  1. 支持普通与 12 方向气泡状对话框
  2. 完善的焦点处理,自动焦点附加与回退
  3. 支持 ARIA 标准
  4. 面向未来:基于 HTML5 Dialog 的 API
  5. 支持标准与模态对话框
  6. 丰富且友好的编程接口
  7. 能自适应内容尺寸

超过 40 万网站在使用 artDialog,其中不乏国内顶尖的产品:

  • QQ空间 v8(腾讯)
  • Phpcms(盛大)
  • 极路由

这3个弹窗组件,让你的网站交互更加流畅,小白轻松入门

如果你是初级程序员可以研究别人的代码提高技术,如果你喜欢搞网盟或者外包,可以让你快速建站,还等什么赶快关注吧,我们会持续输出相关资源