(最近新弄的几个小demo) 之 (aero windows 使用)后续更新中,比较实用
  YutfIKDT4bbf 2023年11月02日 44 0


例子下载地址

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 

 

【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  420SY9k1P3KI   2023年12月12日   32   0   0 html控件qthtmlqt控件
YutfIKDT4bbf