名站网址导航为大家提供关于网站网页设计设计相关的的教程知识。
- 本篇文章具体介绍如下
最基础的调用方法:
具体代码如下: $('#YourContainerDiv').AeroWindow((WindowTitle:'hello world',));
带全部参数的调用:
具体代码如下:
$('#YourContainerDiv').AeroWindow({
WindowTitle: 'My first very cool Aero Window for Web',
WindowPositionTop: 'center',
WindowPositionLeft: 'center',
WindowWidth: 400,
Windowheight: 100,
WindowAnimation: 'easeOutCubic',
WindowResizable: true,
WindowDraggable: true,
WindowMinimize: true,
WindowMaximize: false,
WindowClosable: true
});
使用方法:
首先加上以下引用:
具体代码如下:
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<link href="css/AeroWindow.css?r=123" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery-1.4.2.min.js">script>
<script type="text/javascript" src="js/jquery-ui-1.8.1.custom.min.js">script>
<script type="text/javascript" src="js/jquery.easing.1.3.js">script>
<script type="text/javascript" src="js/jquery-AeroWindow.js">script>
然后在页面放一个DIV:
具体代码如下:
<div id="Firefoxapp" style="display: none;">
<iframe src="http://www.baidu.com/" width="100%" height="100%" style="border: 0px;" frameborder="0"></iframe>
<div id="iframehelper"></div>
</div>
最后调用并初始化窗体:
具体代码如下:
$(document).ready(function() {
$('#Firefoxapp').AeroWindow({
WindowTitle: '测试',
WindowWidth: 500,
Windowheight: 300,
WindowMinWidth: 50,
WindowMinheight: 10,
WindowAnimationSpeed: 1000,
WindowAnimation: 'easeOutCubic',
WindowStatus: 'maximized',
WindowResizable: true,
WindowDraggable: true,
WindowMinimize: true,
WindowMaximize: true,
WindowClosable: true
})
});
在线演示: http://demo.jb51.net/js/AeroWindow/index.html
下载地址: http://www.jb51.net/jiaoben/32239.html
好了关于网站网页设计设计相关的这篇文章就给大家介绍到这里不明白的地方给本站留言。声明,本站内容来源于互联网,如果侵犯了你的权益请联系本站删除。,读jQuery之八 包装事件对象-jquery
jQuery.Event 类主要做了以下工作