- 时间：2022-06-18 08:41 编辑： 来源： 阅读：
- 扫一扫，手机访问
摘要：基于Jquery的仿Windows Aero弹出窗(漂亮的关闭按钮)
今天介绍的Jquery Dialog Plugins AeroWindow ，是其中最个性的一款，因为他拥有神似Windows 7 Aero效果的肉身。
[b]效果图:
[/b][img]http://www.1sucai.cn/do/uploads/litimg/100928/09322319237.gif[/img]
[b]演示:
[/b]
[url=http://www.soyos.net/tl_files/demos/aero-window/]官方演示[/url] [url=http://demo.jb51.net/js/AeroWindow/index.html]本地演示[/url]
[b]特点[/b]
独特： 窗口移动时标题栏反光效果
窗口按钮：最小化，减少，最大化和关闭
双击窗口标题栏最大化，缩小
活动窗口突出显示
更改窗口大小（resize）
鼠标拖拽窗口
N多个配置选项
配置选项
窗口标题
窗口的起始位置的X / Y
窗口大小
最小的窗口大小
打开窗口的可用状态（最小化，最大化，正常）
窗口动画（30个不同的绚丽效果）
窗口可用函数，鼠标事件和JavaScript调用
在下面的兼容性测试浏览器
Internet Explorer 6
Internet Explorer 7
Internet Explorer 8
火狐3
谷歌浏览器4
苹果Safari 4
Opara10
使用起来是非常简单滴
来吧 让你现有的网站窗口以Windows Aero效果展现。
最简单的使用方法：
[url=http://www.soyos.net/tl_files/downloads/AeroWindow-jQuery-Plugin-Version-3.5.zip]AeroWindow[/url]（v3.5）
本站下载地址： [url=http://www.1sucai.cn/jiaoben/32239.html]AeroWindow 基于jquery的仿Windows Aero弹出窗
[/url]
另附上生活流 页面的关于使用AeroWindow插件的代码
//javascript脚本
$(document).ready(function() {
$('#profilactic a').click(function() {
var go=$(this);
$('#mywindows').attr('src',go.attr('href'))
go.attr('href','javascript:void(0);');
$('#Firefoxapp').AeroWindow({
WindowTitle: '向晚的'+go.attr('class'),
WindowPositionTop: 'center',
WindowPositionLeft: 'center',
WindowWidth: 1000,
WindowHeight: 500,
WindowAnimation: 'easeOutCubic'
});
$('html,body').animate({scrollTop: '0px'}, 300);
return false;
});
});
//弹出窗口容器
<DIV id=Firefoxapp style="DISPLAY: none">
<iframe style="border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" id="mywindows" height="99.5%" src="" frameborder="0" width="100%"></iframe>
<DIV id=iframeHelper></DIV>
</DIV>
需要的朋友可以参考下。
机械节能产品生产企业官网模板...
大气智能家居家具装修装饰类企业通用网站模板...
礼品公司网站模板
宽屏简约大气婚纱摄影影楼模板...
蓝白WAP手机综合医院类整站源码（独立后台）...
