例子
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