- 时间:2022-07-15 01:29 编辑: 来源: 阅读:
- 扫一扫,手机访问
摘要:AeroWindow 基于JQuery的弹出窗口插件
可以一个页面中创建多个弹出窗,被选中的弹出窗会加亮显示,在同一网页中可以有多个弹出窗口,也可以通过双击窗口实现最大化,跟windows像极了。如果想要做一个类似操作系统的页面,用这个插件是完全可以实现的。兼容多种主流浏览器。
[img]http://files.jb51.net/upload/201106/20110627212110173.png[/img]
最基础的调用方法:
[url=http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.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>
最后调用并初始化窗体:
[url=http://demo.jb51.net/js/AeroWindow/index.html]http://demo.jb51.net/js/AeroWindow/index.html[/url]
下载地址: [url=http://www.1sucai.cn/jiaoben/32239.html]http://www.1sucai.cn/jiaoben/32239.html[/url]