例子下载地址
http://www.baidupcs.com/file/3656787519c88489167e7e1caa5f7801?fid=2467423588-250528-2508150713&time
=1362982485&sign=FDTA-DCb740ccc5511e5e8fedcff06b081203-J6HlqV0zl3%2F2g84ONZKQKWjfW2g%3D&expires=1h
大家来了解一下里面的参数 和 js文件 我和美工已经修改过来 用到项目中 还不错
$('#Firefoxapp').AeroWindow({ //直接打开页面就加载
WindowTitle: 'FireFox',//弹出框的左上角显示什么
WindowPositionTop: 50, //定位
WindowPositionLeft: 900,
WindowWidth: 400, //宽高
WindowHeight: 200,
WindowAnimation: 'easeOutCubic', //2种出现模式 easeOutBounce
WindowResizable: true,
WindowDraggable: true,
WindowMinimize: false, //是否可以最小化
WindowMaximize: false,//是否可以最大化
WindowClosable: true//是否可以关闭
});
$('#Firefoxicon').click(function () { //给一个控件绑定点击事件 比如web.qq里面的那样 弹出了
$('#Firefoxapp').AeroWindow({
WindowTitle: 'FireFox',
WindowPositionTop: 'center',
WindowPositionLeft: 'center',
WindowWidth: 700,
WindowHeight: 500,
WindowAnimation: 'easeOutCubic'
});
});
来了解一下 jquery-AeroWindow.js里面的东西
if (o.WindowMinimize) {
if (o.WindowMaximize || o.WindowClosable) {
var WinMinBtn = '<a href="#" title="最小化" class="win-min-btn"></a><div class="win-btn-spacer"></div>';
} else {
var WinMinBtn = '<a href="#" title="最小化" class="win-min-btn"></a>';
}
} else {
var WinMinBtn = '';
}
//BTN ---
if (o.WindowMaximize) {
if (o.WindowClosable) {
var WinMaxBtn = '<div class="WinBtnSet winmax"><a href="#" title="最大化" class="win-max-btn"></a><div class="win-btn-spacer"></div></div>';
var WinRegBtn = '<div class="WinBtnSet winreg"><a href="#" title="最大化" class="win-reg-btn"></a><div class="win-btn-spacer"></div></div>';
} else {
var WinMaxBtn = '<div class="WinBtnSet winmax"><a href="#" title="最大化" class="win-max-btn"></a></div>';
var WinRegBtn = '<div class="WinBtnSet winreg"><a href="#" title="最大化" class="win-reg-btn"></a></div>';
}
} else {
var WinMaxBtn = '';
var WinRegBtn = '';
}
//这一块代码是拼出弹出框的代码 里面可以随意修改
MaximizeWindow() 最大化的事件
MinimizeWindow()最小化事件
FocusWindow(Window)点击的事件
其他的没什么修改的
可以去添加 能拉大拉小的功能 最小化像web.qq那样的 弹出框美化一下 就可以使用了 www.gnetcloud.com