仿win7界面弹出窗口放大缩小代码

版权：原创更新时间：1年以上

[该文章底部包含文件资源,可根据自己情况,决定是否下载资源使用,时间>金钱,如有需要,立即查看资源]

以下是仿win7界面弹出窗口放大缩小代码的示例演示效果:

当前平台(PC电脑)

平台:

整屏预览

部分效果截图:

HTML代码(index.html):

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title>��win7���浯�����ڷŴ���С����</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<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>
<script type="text/javascript">
$(document).ready(function() {
	$('#Window1').AeroWindow({
		WindowTitle:          'Window 1 - Happy OutBounce',
		WindowPositionTop:    100,
		WindowPositionLeft:   200,
		WindowWidth:          300,
		WindowHeight:         200,
		WindowAnimation:      'easeOutBounce'        
	});  
	
	$('#Firefoxapp').AeroWindow({
		WindowTitle:          'FireFox',
		WindowPositionTop:    'center',
		WindowPositionLeft:   'center',
		WindowWidth:          700,
		WindowHeight:         500,
		WindowAnimation:      'easeOutCubic'
	});
	
	$('#Firefoxicon').click(function() {
		$('#Firefoxapp').AeroWindow({
			WindowTitle:          'FireFox',
			WindowPositionTop:    'center',
			WindowPositionLeft:   'center',
			WindowWidth:          700,
			WindowHeight:         500,
			WindowAnimation:      'easeOutCubic'
		});
	});
	
	$('#Twittericon').click(function() {
		$('#Window2').AeroWindow({
			WindowTitle:          'jQuery Twitter',
			WindowPositionTop:    'center',
			WindowPositionLeft:   'center',
			WindowWidth:          550,
			WindowHeight:         300,
			WindowAnimationSpeed: 1000,
			WindowAnimation:      'easeOutCubic',
			WindowResizable:      true,
			WindowDraggable:      true,
			WindowMinimize:       false,
			WindowMaximize:       false,
			WindowClosable:       true
		});
	});
	
});
</script>
<style>
body {
	background: #09368b url(win7-desktop-bg.jpg);
}
#iconContainer {
	position: absolute;
	top:      10px;
	left:     5px;
	width:    auto;
	height:   auto;
}
#iconContainer div {
	width:    70px;
	height:   70px;
	margin-bottom: 10px;
}
</style>
</head>
<body>

<div id="iconContainer">
	<div id="Firefoxicon"><img src="images/DesktopIcon-Firefox.png"></div>
	<div id="Twittericon"><img src="images/DesktopIcon-Twitter.png"></div>
</div>

<!-- Demo Aero Window  2 -->
<div id="Window2" style="display: none;">
	<p>����Ա���ʦ�����Ա���</p>
	<h1>AeroWindow Features:</h1>
	<ul>
		<li><strong>Special feature:</strong> Live animated Aero Glossy look (see header when moving) </li>
		<li>Usual window buttons: Minimize, Zoom, Maximize and Close </li>
		<li>Double-click support, such as in windows (maximize, zoom out) </li>
		<li>Active window is highlighted visually, as in Windows </li>
		<li>User-infinitely scalable window size </li>
		<li>Sliding window by mouse dragging </li>
		<li>Usual Z-order management, as in Windows </li>
		<li>+ Animated change of window size</li>
		<li>+ Multiple configuration options </li>
	</ul>
</div>

<!-- Demo Aero Window - FireFox App -->
<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>

</body>  
</html>

JS代码(jquery-AeroWindow.js):

/* * AeroWindow - jQuery Plugin (v3.51) * Copyright 2010,Christian Goldbach * Dual licensed under the MIT or GPL Version 2 licenses. * * Project Website:* http://www.soyos.net/aerowindow-jquery.html * http://www.soyos.net * * * * Requires Easing Plugin for Window Animations:* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ * * * Changelog:* ~~~~~~~~~~ * Version 3.51 (2010-06-09) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * Added more config options:* New Feature:Window get the focus by clicking window buttons * Bugfix:Resizing to regular Size * * Version 3.5 (2010-06-09) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * Added more config options:* - WindowAnimationSpeed * * Bugfix:iFrames can now change the size correctly * Bugfix:The buttons now look clean,in all configurations * Bugfix:window without Maximize button can not be maximized by double-clicking on the header * Bugfix:When clicking on the buttons appear no more # in the Browser URL * Bugfix:Dragging is not longer possible by the content area. Only by Header. * Bugfix:The content can now be scrolled * Bugfix:Fixed IE JavaScript crashes * * Version 2.0 (2010-06-01) ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ * Added more config options:* - WindowResizable:* - WindowMaximize * - WindowMinimize * - WindowClosable * - WindowDraggable * * Date:2010-06-01 */
(function($){
	$.fn.extend({
	//plugin name - Aero Window (like Windows7 Style) AeroWindow:function(options){
	//Identify clearly this window ---------------------------------------- WindowID = $(this).attr('id');
	if (($('body').data(WindowID)) == null){
	var $WindowAllwaysRegistered = false;
	//Register this Window $('body').data( WindowID,1);
}
else{
	//Window exists var $WindowAllwaysRegistered = true;
}
//If the window is registered,just show it and set focus --------------- if ($WindowAllwaysRegistered == true){
	Window = $(this).find(".AeroWindow");
	$(this).find(".AeroWindow").css('display','block');
	$(".AeroWindow").removeClass('active');
	if (Window.hasClass('AeroWindow')) Window.addClass('active');
	if (($('body').data('AeroWindowMaxZIndex')) == null){
	$('body').data( 'AeroWindowMaxZIndex',Window.css('z-index'));
}
i = $('body').data('AeroWindowMaxZIndex');
	i++;
	Window.css('z-index',i);
	$('body').data( 'AeroWindowMaxZIndex',Window.css('z-index'));
	return;
}
//Settings Window and the default values--------------------------------- var defaults ={
	WindowTitle:null,WindowPositionTop:60,/* Posible are pixels or 'center' */
 WindowPositionLeft:10,/* Posible are pixels or 'center' */
 WindowWidth:300,/* Only pixels */
 WindowHeight:300,/* Only pixels */
 WindowMinWidth:250,/* Only pixels */
 WindowMinHeight:0,/* Only pixels */
 WindowResizable:true,/* true,false*/
 WindowMaximize:true,/* true,false*/
 WindowMinimize:true,/* true,false*/
 WindowClosable:true,/* true,false*/
 WindowDraggable:true,/* true,false*/
 WindowStatus:'regular',/* 'regular','maximized','minimized' */
 WindowAnimationSpeed:500,WindowAnimation:'easeOutElastic'}
;
	/*----------------------------------------------------------------------- Posible WindowAnimation:- easeInQuad - easeOutQuad - easeInOutQuad - easeInCubic - easeOutCubic - easeInOutCubic - easeInQuart - easeOutQuart - easeInOutQuart - easeInQuint - easeOutQuint - easeInOutQuint - easeInSine - easeOutSine - easeInOutSine - easeInExpo - easeOutExpo - easeInOutExpo - easeInCirc - easeOutCirc - easeInOutCirc - easeInElastic - easeOutElastic - easeInOutElastic - easeInBack - easeOutBack - easeInOutBack - easeInBounce - easeOutBounce - easeInOutBounce -----------------------------------------------------------------------*/
 //Assign current element to variable,in this case is UL element var options = $.extend(defaults,options);
	return this.each(function(){
	var o =options;
	//Generate the new Window --------------------------------------------- var WindowContent = $(this).html();
	//BTN --- if (o.WindowMinimize){
	if (o.WindowMaximize || o.WindowClosable){
	var WinMinBtn = '<a href="#" class="win-min-btn"></a><div class="win-btn-spacer"></div>';
}
else{
	var WinMinBtn = '<a href="#" class="win-min-btn"></a>';
}
}
else{
	var WinMinBtn = '';
}
//BTN --- if (o.WindowMaximize){
	if (o.WindowClosable){
	var WinMaxBtn = '<div class="WinBtnSet winmax"><a href="#" class="win-max-btn"></a><div class="win-btn-spacer"></div></div>';
	var WinRegBtn = '<div class="WinBtnSet winreg"><a href="#" class="win-reg-btn"></a><div class="win-btn-spacer"></div></div>';
}
else{
	var WinMaxBtn = '<div class="WinBtnSet winmax"><a href="#" class="win-max-btn"></a></div>';
	var WinRegBtn = '<div class="WinBtnSet winreg"><a href="#" class="win-reg-btn"></a></div>';
}
}
else{
	var WinMaxBtn = '';
	var WinRegBtn = '';
}
//BTN --- if (o.WindowClosable){
	var WinCloseBtn = '<a href="#" class="win-close-btn"></a>';
}
else{
	var WinCloseBtn = '';
}
if (o.WindowMinimize || o.WindowMaximize || o.WindowClosable){
	var WinBtnLeftedge = '<div class="win-btn-leftedge"></div>';
	var WinBtnRightedge = '<div class="win-btn-rightedge"></div>';
}
else{
	var WinBtnLeftedge = '';
	var WinBtnRightedge = '';
}
$(this).html( '<div class="AeroWindow">' + ' <table cellpadding="0" cellspacing="0" border="0">' + ' <tr>' + ' <td class="table-tl"></td>' + ' <td class="table-tm"></td>' + ' <td class="table-tr"></td>' + ' </tr>' + ' <tr>' + ' <td class="table-lm"></td>' + ' <td class="table-mm" align="right">' + ' <div class="title"><nobr>'+o.WindowTitle+'</nobr></div>' + ' <div class="buttons">' + WinBtnLeftedge + WinMinBtn + WinMaxBtn + WinRegBtn + WinCloseBtn + WinBtnRightedge + ' </div>' + ' <div class="table-mm-container" align="left">' + ' <div class="table-mm-content" style="width:'+o.WindowWidth+'px;
	height:'+o.WindowHeight+'px;
	">' + WindowContent + ' </div>' + ' </div>' + ' </td>' + ' <td class="table-rm"></td>' + ' </tr>' + ' <tr>' + ' <td class="table-bl"></td>' + ' <td class="table-bm"></td>' + ' <td class="table-br"></td>' + ' </tr>' + ' </table>'+ '</div>' );
	//Display hidden Containers ------------------------------------------- $(this).css('display','block');
	//Window Objects ------------------------------------------------------ var Window = $(this).find(".AeroWindow");
	var WindowContainer = $(this).find(".table-mm-container");
	var WindowContent = $(this).find(".table-mm-content");
	var BTNMin = $(this).find(".win-min-btn");
	var BTNMax = $(this).find(".WinBtnSet.winmax");
	var BTNReg = $(this).find(".WinBtnSet.winreg");
	var BTNClose = $(this).find(".win-close-btn");
	//Initial Configuration ----------------------------------------------- BTNReg.css('display','none');
	FocusWindow(Window);
	//Set Window Position if(o.WindowPositionTop == 'center'){
	o.WindowPositionTop = ($(window).height()/2) - o.WindowHeight/2 - 37;
}
if(o.WindowPositionLeft == 'center'){
	o.WindowPositionLeft = ($(window).width()/2) - o.WindowWidth/2 - 17;
}
switch (o.WindowStatus){
	case 'regular':RegularWindow();
	break;
	case 'maximized':MaximizeWindow();
	break;
	case 'minimized':MinimizeWindow();
	break;
	default:break;
}
//Window Functions ---------------------------------------------------- function MaximizeWindow(){
	WindowContainer.css('visibility','visible');
	BTNMax.css('display','none');
	BTNReg.css('display','block');
	WindowContent.animate({
	width:$(window).width()-32,height:$(window).height()-77}
,{
	queue:false,duration:o.WindowAnimationSpeed,easing:o.WindowAnimation}
);
	//Set new Window Position Window.animate({
	width:$(window).width(),height:$(window).height(),top:0,left:0}
,{
	duration:o.WindowAnimationSpeed,easing:o.WindowAnimation}
);
	o.WindowStatus = 'maximized';
	return(false);
}
function MinimizeWindow(){
	BTNReg.css('display','block');
	BTNMax.css('display','none');
	WindowContainer.css('visibility','hidden');
	WindowContent.animate({
	width:o.WindowMinWidth,height:o.WindowMinHeight}
,{
	queue:true,duration:o.WindowAnimationSpeed,easing:o.WindowAnimation}
);
	//Set new Window Position Window.animate({
	width:o.WindowMinWidth+32,height:o.WindowMinHeight+72,top:$(window).height()-77,left:0}
,{
	duration:o.WindowAnimationSpeed,easing:o.WindowAnimation}
);
	o.WindowStatus = 'minimized';
	return(false);
}
function RegularWindow(){
	BTNMax.css('display','block');
	BTNReg.css('display','none');
	WindowContainer.css('visibility','visible');
	WindowContent.animate({
	width:o.WindowWidth,height:o.WindowHeight}
,{
	queue:false,duration:o.WindowAnimationSpeed,easing:o.WindowAnimation}
);
	Window.animate({
	width:o.WindowWidth+32,height:o.WindowHeight+72}
,{
	queue:false,duration:o.WindowAnimationSpeed,easing:o.WindowAnimation}
);
	//Set new Window Position //Error handling,if the left position is negative. if ((typeof(o.WindowPositionLeft) == 'string') && (o.WindowPositionLeft.substring(0,1) == '-')) o.WindowPositionLeft = 0;
	Window.animate({
	top:o.WindowPositionTop,left:o.WindowPositionLeft}
,{
	duration:o.WindowAnimationSpeed,easing:o.WindowAnimation}
);
	o.WindowStatus = 'regular';
	return(false);
}
function FocusWindow(Window){
	$(".AeroWindow").removeClass('active');
	if (Window.hasClass('AeroWindow')) Window.addClass('active');
	if (($('body').data('AeroWindowMaxZIndex')) == null){
	$('body').data( 'AeroWindowMaxZIndex',Window.css('z-index'));
}
i = $('body').data('AeroWindowMaxZIndex');
	i++;
	Window.css('z-index',i);
	$('body').data( 'AeroWindowMaxZIndex',Window.css('z-index'));
}
//Attach user events to the Window ------------------------------------ if (o.WindowMaximize){
	$(this).dblclick(function(){
	switch (o.WindowStatus){
	case 'regular':MaximizeWindow();
	break;
	case 'maximized':RegularWindow();
	break;
	case 'minimized':RegularWindow();
	break;
	default:break;
}
}
);
}
else{
	$(this).dblclick(function(){
	switch (o.WindowStatus){
	case 'maximized':RegularWindow();
	break;
	case 'minimized':RegularWindow();
	break;
	default:break;
}
}
);
}
//User Interaction - Minimize Button BTNMin.click(function (){
	FocusWindow(Window);
	MinimizeWindow();
	return false;
}
);
	//User Interaction - Maximize Button BTNMax.click(function (){
	FocusWindow(Window);
	MaximizeWindow();
	return false;
}
);
	//User Interaction - Regular Button BTNReg.click(function (){
	FocusWindow(Window);
	RegularWindow();
	return false;
}
);
	//Close Button BTNClose.click(function (){
	//Unregister this Window Window.css('display','none');
	return(false);
}
);
	//Support Dragging ---------------------------------------------------- if (o.WindowDraggable){
	Window.draggable({
	distance:3,cancel:".table-mm-content",start:function(){
	FocusWindow(Window);
	$(".AeroWindow").find('#iframeHelper').css({
	'display':'block'}
);
	$(".AeroWindow").removeClass('active');
	$(this).addClass('active');
	$('body').data( 'AeroWindowMaxZIndex',$(this).css('z-index'));
}
,drag:function(){
	WindowTop = -1*$(this).offset().top;
	WindowLeft = -1*$(this).offset().left;
	$(this).css({
	backgroundPosition:WindowLeft+ 'px ' +WindowTop+ 'px'}
);
}
,stop:function(){
	//alert(Window.css('top'));
	o.WindowPositionTop = Window.css('top');
	o.WindowPositionLeft = Window.css('left');
	$(".AeroWindow").find('#iframeHelper').css({
	'display':'none'}
);
}
}
);
}
//Support Focus on Window by Click ------------------------------------ Window.click(function (){
	FocusWindow(Window);
}
);
	//Support Window Resizing --------------------------------------------- if (o.WindowResizable){
	Window.resizable({
	minHeight:o.WindowMinHeight+72,minWidth:o.WindowMinWidth,alsoResize:WindowContent,start:function(){
	WindowContainer.css('visibility','visible');
	$(".AeroWindow").find('#iframeHelper').css({
	'display':'block'}
);
	$(".AeroWindow").removeClass('active');
	Window.addClass('active');
	if (($('body').data('AeroWindowMaxZIndex')) == null){
	$('body').data( 'AeroWindowMaxZIndex',Window.css('z-index'));
}
i = $('body').data('AeroWindowMaxZIndex');
	i++;
	Window.css('z-index',i);
	$('body').data( 'AeroWindowMaxZIndex',Window.css('z-index'));
}
,stop:function(){
	o.WindowWidth = WindowContent.width();
	o.WindowHeight = WindowContent.height();
	$(".AeroWindow").find('#iframeHelper').css({
	'display':'none'}
);
}
}
);
}
}
);
}
}
);
}
)(jQuery);

CSS代码(AeroWindow.css):

/* * AeroWindow - jQuery Plugin (v3.5) * Copyright 2010,Christian Goldbach * Dual licensed under the MIT or GPL Version 2 licenses. * * Project Website:* http://www.soyos.net/aerowindow-jquery.html * http://www.soyos.net * * * * Requires Easing Plugin for Window Animations:* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/ * */
/*-----------------------------------------------------------------------------AeroWindow Style - Regular-----------------------------------------------------------------------------*/
.AeroWindow{position:absolute;background:url(../images/WindowsAeroStyle/inactive/lines.png);background-position:0px -100px;z-index:10;overflow:hidden;display:block;}
.AeroWindow .table-tl{background:url(../images/WindowsAeroStyle/inactive/tl.png);min-width:9px;height:9px;}
.AeroWindow .table-tm{background:url(../images/WindowsAeroStyle/inactive/tm.png);}
.AeroWindow .table-tr{background:url(../images/WindowsAeroStyle/inactive/tr.png);min-width:9px;height:9px;}
.AeroWindow .table-rm{background:url(../images/WindowsAeroStyle/inactive/rm.png);}
.AeroWindow .table-bl{background:url(../images/WindowsAeroStyle/inactive/bl.png);width:9px;height:9px;}
.AeroWindow .table-bm{background:url(../images/WindowsAeroStyle/inactive/bm.png);}
.AeroWindow .table-br{background:url(../images/WindowsAeroStyle/inactive/br.png);width:9px;height:9px;}
.AeroWindow .table-lm{background:url(../images/WindowsAeroStyle/inactive/lm.png);}
.AeroWindow .table-mm{background:url(../images/WindowsAeroStyle/inactive/mm.png);}
/*-----------------------------------------------------------------------------AeroWindow Style - Active-----------------------------------------------------------------------------*/
.AeroWindow.active{position:absolute;background:url(../images/WindowsAeroStyle/active/lines.png) 0px -400px;z-index:100;}
.AeroWindow.active .table-tl{background:url(../images/WindowsAeroStyle/active/tl.png);width:9px;height:9px;}
.AeroWindow.active .table-tm{background:url(../images/WindowsAeroStyle/active/tm.png);}
.AeroWindow.active .table-tr{background:url(../images/WindowsAeroStyle/active/tr.png);width:9px;height:9px;}
.AeroWindow.active .table-rm{background:url(../images/WindowsAeroStyle/active/rm.png);}
.AeroWindow.active .table-bl{background:url(../images/WindowsAeroStyle/active/bl.png);width:9px;height:9px;}
.AeroWindow.active .table-bm{background:url(../images/WindowsAeroStyle/active/bm.png);}
.AeroWindow.active .table-br{background:url(../images/WindowsAeroStyle/active/br.png);width:9px;height:9px;}
.AeroWindow.active .table-lm{background:url(../images/WindowsAeroStyle/active/lm.png);}
.AeroWindow.active .table-mm{background:url(../images/WindowsAeroStyle/active/mm.png);}
.AeroWindow .table-mm-container{margin-top:40px;border:1px solid #b0c6e4;}
.AeroWindow .table-mm-content{font-family:arial;padding:5px;border:1px solid #000;background-color:#fff;overflow:auto;}
/*-----------------------------------------------------------------------------AeroWindow Resizing-----------------------------------------------------------------------------*/
.ui-resizable-e{right:0px!important;}
.ui-resizable-s{bottom:0px!important;}
.ui-icon{height:24px;width:24px;}
.ui-icon-gripsmall-diagonal-se{background-position:-76px -220px;}
.ui-resizable-handle{}
/*-----------------------------------------------------------------------------AeroWindow Title-----------------------------------------------------------------------------*/
.AeroWindow .title{position:absolute;margin:10px 0px 0px 5px;text-shadow:#fff 0px 0px 5px;color:#333;font-family:arial;padding-right:5px;font-size:14px;left:5px;cursor:default;}
/*-----------------------------------------------------------------------------Button Area-----------------------------------------------------------------------------*/
.buttons{position:relative;float:right;top:-6px;}
.buttons a{text-decoration:none;cursor:default;}
/*-----------------------------------------------------------------------------Buttons Regular Window-----------------------------------------------------------------------------*/
.AeroWindow .buttons .win-min-btn{width:27px;height:19px;display:block;float:left;background:url(../images/WindowsAeroStyle/inactive/btn-min.png);}
.AeroWindow .buttons .win-max-btn{width:26px;height:19px;display:block;float:left;background:url(../images/WindowsAeroStyle/inactive/btn-max.png);}
.AeroWindow .buttons .win-reg-btn{width:26px;height:19px;display:block;float:left;background:url(../images/WindowsAeroStyle/inactive/btn-reg.png);}
.AeroWindow .buttons .win-close-btn{width:46px;height:19px;float:left;display:block;background:url(../images/WindowsAeroStyle/inactive/btn-close.png);}
.AeroWindow .buttons .win-btn-leftedge{width:2px;height:19px;float:left;background:url(../images/WindowsAeroStyle/left.png);}
.AeroWindow .buttons .win-btn-rightedge{width:2px;height:19px;float:left;background:url(../images/WindowsAeroStyle/right.png);}
.AeroWindow .buttons .win-btn-spacer{width:1px;height:19px;float:left;background:url(../images/WindowsAeroStyle/spacer.png);}
.AeroWindow .buttons .WinBtnSet{float:left;}
/*-----------------------------------------------------------------------------Buttons Active Window-----------------------------------------------------------------------------*/
.AeroWindow.active .buttons .win-min-btn{background:url(../images/WindowsAeroStyle/active/btn-min.png);}
.AeroWindow.active .buttons .win-max-btn{background:url(../images/WindowsAeroStyle/active/btn-max.png);}
.AeroWindow.active .buttons .win-reg-btn{background:url(../images/WindowsAeroStyle/active/btn-reg.png);}
.AeroWindow.active .buttons .win-close-btn{background:url(../images/WindowsAeroStyle/active/btn-close.png);}
/*-----------------------------------------------------------------------------Buttons Hover Effects-----------------------------------------------------------------------------*/
.AeroWindow .buttons .win-min-btn:hover{background:url(../images/WindowsAeroStyle/hover/btn-min.png);}
.AeroWindow .buttons .win-max-btn:hover{background:url(../images/WindowsAeroStyle/hover/btn-max.png);}
.AeroWindow .buttons .win-reg-btn:hover{background:url(../images/WindowsAeroStyle/hover/btn-reg.png);}
.AeroWindow .buttons .win-close-btn:hover{background:url(../images/WindowsAeroStyle/hover/btn-close.png);}
/*-----------------------------------------------------------------------------DEMO CONTENT-----------------------------------------------------------------------------*/
.AeroWindow .table-mm-content p{color:#222;margin:0px;padding:5px;font-family:arial;font-size:12px;}
.AeroWindow .table-mm-content h1{margin:0px;padding:5px;font-family:arial;font-size:24px;}
.AeroWindow .table-mm-content a{margin:0px;padding:5px;font-family:arial;font-size:12px;}
.AeroWindow .table-mm-content ul{color:#222;margin:10px 0px 20px 22px;padding:0px;font-family:arial;font-size:12px;}
#iframeHelper{display:none;height:100%;width:100%;position:absolute;left:0px;top:0px;background:url(../images/WindowsAeroStyle/empty.gif);z-index:0;}

附件:下载该文件资源,减少时间成本(增值服务)