rptb.cn rptb.cn

欢迎光临
我们一直在努力
顶部
域名
云服务器48/月

AeroWindow 基于JQuery的弹出窗口插件_jquery-js教程-

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

复制代码 代码如下:
$('#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
});

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





然后在页面放一个DIV:
复制代码 代码如下:



最后调用并初始化窗体:
复制代码 代码如下:

$(document).ready(function() {
$('#Firefoxapp').AeroWindow({
WindowTitle: '测试',
WindowWidth: 500,
WindowHeight: 300,
WindowMinWidth: 50,
WindowMinHeight: 10,
WindowAnimationSpeed: 1000,
WindowAnimation: 'easeOutCubic',
WindowStatus: 'maximized',
WindowResizable: true,
WindowDraggable: true,
WindowMinimize: true,
WindowMaximize: true,
WindowClosable: true
})
});

在线演示: http://demo.jb51.net/js/AeroWindow/index.html
下载地址: http://www.jb51.net/jiaoben/32239.html
【声明】:本博客不参与任何交易,也非中介,仅记录个人感兴趣的主机测评结果和优惠活动,内容均不作直接、间接、法定、约定的保证。访问本博客请务必遵守有关互联网的相关法律、规定与规则。一旦您访问本博客,即表示您已经知晓并接受了此声明通告。
发布内容
-六神源码网 网站出售带数据-六神源码网 网站出售带数据-六神源码网 网站出售带数据-六神源码网