手机版

AeroWindow基于框架的弹出窗口插件

时间:2021-10-19 来源:互联网 编辑:宝哥软件园 浏览:

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

最基础的调用方法:复制代码代码如下:美元(' # YorContainerDiv ').AeroWindow((窗口标题: ' hello world ',));带全部参数的调用:复制代码代码如下:美元(' # YorContainerDiv ').航空窗口({ WindowTitle: '我的第一个非常酷的“航空窗口”,窗口位置图:中心,WindowPositionLeft: '中心,窗口宽度: 400,窗口高度: 100,窗口动画: '画外音,WindowResizable: true,WindowDraggable: true,WindowMinimize: true,WindowMaximize: false,WindowClosable:使用方法:首先加上以下引用:复制代码代码如下:元http-equiv=' Content-type ' Content=' text/html;charset=utf-8 '/link href=' http://Ajax。谷歌API。com/Ajax/libs/jqueryui/1.8/themes/base/jquery-ui。CSS ' rel='样式表type=' text/CSS '/link href=' CSS/aero window。CSS?r=123' rel='样式表'类型='text/css'/脚本类型=' text/JAVAScript ' src=' http : js/jquery-1。4 .2 .量滴js '脚本类型=' text/JavaScript ' src=' http : js/jquery-ui-1。8 .1 .定制。量滴js '脚本脚本类型=' text/JAVAScript ' src=' http 3360 js/然后在页面放一个DIV:复制代码代码如下: div id=' Firefox app ' style=' display : none;iframe src=' http :http://www。百度。com/' width=' 100% ' height=' 100% ' style=' border : 0px;框架边框=' 0 '/iframe div id=' iframe helper '/div/div最后调用并初始化窗体:复制代码代码如下:美元(文件)。ready(function(){ $(' # Firefox app ')).航空窗口({ WindowTitle: '测试,窗口宽度: 500,窗口高度: 300,窗口宽度: 50,窗口宽度: 10,窗口动画速度: 1000,窗口动画:"画外音",窗口状态:"最大化",窗口大小:真,窗口宽度:真,窗口最小化3360真,窗口最大化:真,窗口关闭在线演示:http://demo . JB 51 . net/js/AeroWindow/index . html下载地址://www .JB 51。net/jiao Ben/32239。超文本标记语言

版权声明:AeroWindow基于框架的弹出窗口插件是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。