当前位置:Gxlcms > JavaScript > AeroWindow基于JQuery的弹出窗口插件_jquery

AeroWindow基于JQuery的弹出窗口插件_jquery

时间:2021-07-01 10:21:17 帮助过:5人阅读

可以一个页面中创建多个弹出窗,被选中的弹出窗会加亮显示,在同一网页中可以有多个弹出窗口,也可以通过双击窗口实现最大化,跟windows像极了。如果想要做一个类似操作系统的页面,用这个插件是完全可以实现的。兼容多种主流浏览器。

最基础的调用方法:
代码如下:
$('#YourContainerDiv').AeroWindow((WindowTitle:'hello world',));

带全部参数的调用:
代码如下:

$('#YourContainerDiv').AeroWindow({
WindowTitle: 'My first very cool Aero Window for Web',
WindowPositionTop: 'center',
WindowPositionLeft: 'center',
WindowWidth: 400,
WindowHeight: 100,
WindowAnimation: 'easeOutCubic',
WindowResizable: true,
WindowDraggable: true,
WindowMinimize: true,
WindowMaximize: false,
WindowClosable: true
});

使用方法:
  首先加上以下引用:
代码如下: