以下是 jquery模拟windows桌面js代码 的示例演示效果:
部分效果截图:
HTML代码(index.html):
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jquery模拟windows桌面</title>
<link rel="stylesheet" href="assets/stylesheets/html.css" />
<link rel="stylesheet" href="assets/stylesheets/desktop.css" />
<!--[if lt IE 9]>
<link rel="stylesheet" href="assets/stylesheets/ie.css" />
<![endif]-->
</head>
<body>
<div class="abs" id="wrapper">
<div class="abs" id="desktop">
<a class="abs icon" style="left:20px;top:20px;" href="#icon_dock_computer">
<img src="assets/images/icons/icon_32_computer.png" />
Computer
</a>
<a class="abs icon" style="left:20px;top:100px;" href="#icon_dock_drive">
<img src="assets/images/icons/icon_32_drive.png" />
Hard Drive
</a>
<a class="abs icon" style="left:20px;top:180px;" href="#icon_dock_disc">
<img src="assets/images/icons/icon_32_disc.png" />
Audio CD
</a>
<a class="abs icon" style="left:20px;top:260px;" href="#icon_dock_network">
<img src="assets/images/icons/icon_32_network.png" />
Network
</a>
<div id="window_computer" class="abs window">
<div class="abs window_inner">
<div class="window_top">
<span class="float_left">
<img src="assets/images/icons/icon_16_computer.png" />
Computer
</span>
<span class="float_right">
<a href="#" class="window_min"></a>
<a href="#" class="window_resize"></a>
<a href="#icon_dock_computer" class="window_close"></a>
</span>
</div>
<div class="abs window_content">
<div class="window_aside">
Hello. You look nice today!
</div>
<div class="window_main">
<table class="data">
<thead>
<tr>
<th class="shrink">
</th>
<th>
Name
</th>
<th>
Date Modified
</th>
<th>
Date Created
</th>
<th>
Size
</th>
<th>
Kind
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="assets/images/icons/icon_16_drive.png" />
</td>
<td>
Hard Drive
</td>
<td>
Today
</td>
<td>
—
</td>
<td>
200 GB
</td>
<td>
Volume
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_disc.png" />
</td>
<td>
Audio CD
</td>
<td>
—
</td>
<td>
—
</td>
<td>
2.92 GB
</td>
<td>
Media
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_network.png" />
</td>
<td>
Network
</td>
<td>
—
</td>
<td>
—
</td>
<td>
—
</td>
<td>
LAN
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_folder_remote.png" />
</td>
<td>
Shared Project Files
</td>
<td>
Yesterday
</td>
<td>
12/29/08
</td>
<td>
524 MB
</td>
<td>
Folder
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_documents.png" />
</td>
<td>
Documents
</td>
<td>
Yesterday
</td>
<td>
12/29/08
</td>
<td>
524 MB
</td>
<td>
Folder
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_system.png" />
</td>
<td>
Preferences
</td>
<td>
—
</td>
<td>
—
</td>
<td>
—
</td>
<td>
System
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_trash.png" />
</td>
<td>
Trash
</td>
<td>
Today
</td>
<td>
—
</td>
<td>
—
</td>
<td>
Bin
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="abs window_bottom">
Build: TK421
</div>
</div>
<span class="abs ui-resizable-handle ui-resizable-se"></span>
</div>
<div id="window_drive" class="abs window">
<div class="abs window_inner">
<div class="window_top">
<span class="float_left">
<img src="assets/images/icons/icon_16_drive.png" />
Hard Drive
</span>
<span class="float_right">
<a href="#" class="window_min"></a>
<a href="#" class="window_resize"></a>
<a href="#icon_dock_drive" class="window_close"></a>
</span>
</div>
<div class="abs window_content">
<div class="window_aside">
Storage in use: 119.1 GB
</div>
<div class="window_main">
<table class="data">
<thead>
<tr>
<th class="shrink">
</th>
<th>
Name
</th>
<th>
Date Modified
</th>
<th>
Date Created
</th>
<th>
Size
</th>
<th>
Kind
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="assets/images/icons/icon_16_page.png" />
</td>
<td>
.DS_Store
</td>
<td>
Yesterday
</td>
<td>
—
</td>
<td>
6 KB
</td>
<td>
Hidden
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_folder_home.png" />
</td>
<td>
Default User
</td>
<td>
Today
</td>
<td>
—
</td>
<td>
—
</td>
<td>
Folder
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_folder.png" />
</td>
<td>
Applications
</td>
<td>
Yesterday
</td>
<td>
—
</td>
<td>
—
</td>
<td>
Folder
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_folder.png" />
</td>
<td>
Developer
</td>
<td>
12/29/08
</td>
<td>
—
</td>
<td>
—
</td>
<td>
Folder
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_folder.png" />
</td>
<td>
Library
</td>
<td>
09/11/09
</td>
<td>
—
</td>
<td>
—
</td>
<td>
Folder
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_folder.png" />
</td>
<td>
System
</td>
<td>
Yesterday
</td>
<td>
—
</td>
<td>
—
</td>
<td>
Folder
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="abs window_bottom">
Free: 80.9 GB
</div>
</div>
<span class="abs ui-resizable-handle ui-resizable-se"></span>
</div>
<div id="window_disc" class="abs window">
<div class="abs window_inner">
<div class="window_top">
<span class="float_left">
<img src="assets/images/icons/icon_16_disc.png" />
Audio CD - Title of Album
</span>
<span class="float_right">
<a href="#" class="window_min"></a>
<a href="#" class="window_resize"></a>
<a href="#icon_dock_disc" class="window_close"></a>
</span>
</div>
<div class="abs window_content">
<div class="window_aside align_center">
<img src="assets/images/misc/album_cover.jpg" />
<br />
<em>Title of Album</em>
</div>
<div class="window_main">
<table class="data">
<thead>
<tr>
<th class="shrink">
</th>
<th class="shrink">
Track
</th>
<th>
Song Name
</th>
<th class="shrink">
Length
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="assets/images/icons/icon_16_music.png" />
</td>
<td class="align_center">
01
</td>
<td>
Track One
</td>
<td class="align_right">
3:50
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_music.png" />
</td>
<td class="align_center">
02
</td>
<td>
Track Two
</td>
<td class="align_right">
3:50
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_music.png" />
</td>
<td class="align_center">
03
</td>
<td>
Track Three
</td>
<td class="align_right">
4:02
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_music.png" />
</td>
<td class="align_center">
04
</td>
<td>
Track Four
</td>
<td class="align_right">
3:47
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_music.png" />
</td>
<td class="align_center">
05
</td>
<td>
Track Five
</td>
<td class="align_right">
4:38
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_music.png" />
</td>
<td class="align_center">
06
</td>
<td>
Track Six
</td>
<td class="align_right">
3:16
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_music.png" />
</td>
<td class="align_center">
07
</td>
<td>
Track Seven
</td>
<td class="align_right">
3:53
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_music.png" />
</td>
<td class="align_center">
08
</td>
<td>
Track Eight
</td>
<td class="align_right">
1:41
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_music.png" />
</td>
<td class="align_center">
09
</td>
<td>
Track Nine
</td>
<td class="align_right">
3:40
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_music.png" />
</td>
<td class="align_center">
10
</td>
<td>
Track Ten
</td>
<td class="align_right">
4:33
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_music.png" />
</td>
<td class="align_center">
11
</td>
<td>
Track Eleven
</td>
<td class="align_right">
3:49
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_music.png" />
</td>
<td class="align_center">
12
</td>
<td>
Track Twelve
</td>
<td class="align_right">
1:11
</td>
</tr>
<tr>
<td class="shrink">
<img src="assets/images/icons/icon_16_music.png" />
</td>
<td class="align_center">
13
</td>
<td>
Track Thirteen
</td>
<td class="align_right">
6:17
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="abs window_bottom">
Genre: Rock/Rap
</div>
</div>
<span class="abs ui-resizable-handle ui-resizable-se"></span>
</div>
<div id="window_network" class="abs window">
<div class="abs window_inner">
<div class="window_top">
<span class="float_left">
<img src="assets/images/icons/icon_16_network.png" />
Network
</span>
<span class="float_right">
<a href="#" class="window_min"></a>
<a href="#" class="window_resize"></a>
<a href="#icon_dock_network" class="window_close"></a>
</span>
</div>
<div class="abs window_content">
<div class="window_aside">
Local Network Resources
</div>
<div class="window_main">
<table class="data">
<thead>
<tr>
<th class="shrink">
</th>
<th>
Name
</th>
<th class="shrink">
Operating System
</th>
<th class="shrink">
Version
</th>
</tr>
</thead>
<tbody>
<tr>
<td>
<img src="assets/images/icons/icon_16_server.png" />
</td>
<td>
Urban Terror - <em>Game Server</em>
</td>
<td>
Linux
</td>
<td>
Ubuntu
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_folder_remote.png" />
</td>
<td>
Shared Project Files
</td>
<td>
Linux
</td>
<td>
Red Hat
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_vpn.png" />
</td>
<td>
Remote Desktop VPN
</td>
<td>
Windows
</td>
<td>
XP
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Michael Scott
</td>
<td>
Mac OS
</td>
<td>
10.5
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Dwight Schrute
</td>
<td>
Mac OS
</td>
<td>
10.6
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Jim Halpert
</td>
<td>
Mac OS
</td>
<td>
10.6
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Pam Beesly
</td>
<td>
Mac OS
</td>
<td>
10.5
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Ryan Howard
</td>
<td>
Mac OS
</td>
<td>
10.5
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Jan Levinson
</td>
<td>
Mac OS
</td>
<td>
10.5
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Roy Anderson
</td>
<td>
Windows
</td>
<td>
7
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Stanley Hudson
</td>
<td>
Windows
</td>
<td>
Vista
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Kevin Malone
</td>
<td>
Windows
</td>
<td>
Vista
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Angela Martin
</td>
<td>
Windows
</td>
<td>
Vista
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Oscar Martinez
</td>
<td>
Windows
</td>
<td>
Vista
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Phyllis Lapin
</td>
<td>
Windows
</td>
<td>
Vista
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Creed Bratton
</td>
<td>
Windows
</td>
<td>
7
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Meredith Palmer
</td>
<td>
Windows
</td>
<td>
Vista
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Toby Flenderson
</td>
<td>
Windows
</td>
<td>
Vista
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Darryl Philbin
</td>
<td>
Windows
</td>
<td>
Vista
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Kelly Kapoor
</td>
<td>
Windows
</td>
<td>
Vista
</td>
</tr>
<tr>
<td>
<img src="assets/images/icons/icon_16_computer.png" />
</td>
<td>
Andy Bernard
</td>
<td>
Windows
</td>
<td>
Vista
</td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="abs window_bottom">
LAN: Corporate Intranet
</div>
</div>
<span class="abs ui-resizable-handle ui-resizable-se"></span>
</div>
</div>
<div class="abs" id="bar_top">
<span class="float_right" id="clock"></span>
<ul>
<li>
<a class="menu_trigger" href="#">jQuery Desktop</a>
<ul class="menu">
<li>
<a href="#">jQuery Cookbook</a>
</li>
<li>
<a href="#">jQuery Enlightenment</a>
</li>
<li>
<a href="#">jQuery Home</a>
</li>
<li>
<a href="#">jQuery Mobile</a>
</li>
<li>
<a href="#">jQuery UI</a>
</li>
<li>
<a href="#">Learning jQuery</a>
</li>
</ul>
</li>
<li>
<a class="menu_trigger" href="#">HTML5 Resources</a>
<ul class="menu">
<li>
<a href="#">Dive Into HTML5</a>
</li>
<li>
<a href="#">Get Ready for HTML5</a>
</li>
<li>
<a href="#">HTML5 Boilerplate</a>
</li>
<li>
<a href="#">HTML5 Doctor</a>
</li>
<li>
<a href="#">HTML5 Intro</a>
</li>
<li>
<a href="#">HTML5 Super Friends</a>
</li>
</ul>
</li>
<li>
<a class="menu_trigger" href="#">Code</a>
<ul class="menu">
<li>
<a href="assets/stylesheets/desktop.css">Desktop - CSS</a>
</li>
<li>
<a href="assets/javascripts/jquery.desktop.js">Desktop - JavaScript</a>
</li>
<li>
<a href="#">GitHub Repository</a>
</li>
</ul>
</li>
<li>
<a class="menu_trigger" href="#">Credits</a>
<ul class="menu">
<li>
<a href="#">Demo built by Nathan Smith</a>
</li>
<li>
<a href="#">Wallpaper by Adrian Rodriguez</a>
</li>
<li>
<a href="#">Icons - Tango Desktop Project</a>
</li>
</ul>
</li>
</ul>
</div>
<div class="abs" id="bar_bottom">
<a class="float_left" href="#" id="show_desktop" title="Show Desktop">
<img src="assets/images/icons/icon_22_desktop.png" />
</a>
<ul id="dock">
<li id="icon_dock_computer">
<a href="#window_computer">
<img src="assets/images/icons/icon_22_computer.png" />
Computer
</a>
</li>
<li id="icon_dock_drive">
<a href="#window_drive">
<img src="assets/images/icons/icon_22_drive.png" />
Hard Drive
</a>
</li>
<li id="icon_dock_disc">
<a href="#window_disc">
<img src="assets/images/icons/icon_22_disc.png" />
Audio CD
</a>
</li>
<li id="icon_dock_network">
<a href="#window_network">
<img src="assets/images/icons/icon_22_network.png" />
Network
</a>
</li>
</ul>
<a class="float_right" href="#" title="Secure Hosting">
<img src="assets/images/misc/firehost.png" />
</a>
</div>
</div><script src="assets/javascripts/jquery.js"></script>
<script src="assets/javascripts/jquery.ui.js"></script>
<script src="assets/javascripts/jquery.desktop.js"></script>
</body>
</html>
JS代码(jquery.desktop.js):
//// Kick things off.//jQuery(document).ready(function(){
JQD.go();
}
);
//// Namespace - Module Pattern.//var JQD = (function($,window,undefined){
// Expose innards of JQD.return{
go:function(){
for (var i in JQD.init){
JQD.init[i]();
}
}
,init:{
frame_breaker:function(){
if (window.location !== window.top.location){
window.top.location = window.location;
}
}
,//// Initialize the clock.//clock:function(){
if (!$('#clock').length){
return;
}
// Date variables.var date_obj = new Date();
var hour = date_obj.getHours();
var minute = date_obj.getMinutes();
var day = date_obj.getDate();
var year = date_obj.getFullYear();
var suffix = 'AM';
// Array for weekday.var weekday = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
// Array for month.var month = ['January','February','March','April','May','June','July','August','September','October','November','December'];
// Assign weekday,month,date,year.weekday = weekday[date_obj.getDay()];
month = month[date_obj.getMonth()];
// AM or PM?if (hour >= 12){
suffix = 'PM';
}
// Convert to 12-hour.if (hour > 12){
hour = hour - 12;
}
else if (hour === 0){
// Display 12:XX instead of 0:XX.hour = 12;
}
// Leading zero,if needed.if (minute < 10){
minute = '0' + minute;
}
// Build two HTML strings.var clock_time = weekday + ' ' + hour + ':' + minute + ' ' + suffix;
var clock_date = month + ' ' + day + ',' + year;
// Shove in the HTML.$('#clock').html(clock_time).attr('title',clock_date);
// Update every 60 seconds.setTimeout(JQD.init.clock,60000);
}
,//// Initialize the desktop.//desktop:function(){
// Cancel mousedown,right-click.$(document).mousedown(function(ev){
if (!$(ev.target).closest('a').length){
JQD.util.clear_active();
ev.preventDefault();
ev.stopPropagation();
}
}
).bind('contextmenu',function(){
return false;
}
);
// Relative or remote links?$('a').live('click',function(ev){
var url = $(this).attr('href');
this.blur();
if (url.match(/^#/)){
ev.preventDefault();
ev.stopPropagation();
}
else{
$(this).attr('target','_blank');
}
}
);
// Make top menus active.$('a.menu_trigger').live('mousedown',function(){
if ($(this).next('ul.menu').is(':hidden')){
JQD.util.clear_active();
$(this).addClass('active').next('ul.menu').show();
}
else{
JQD.util.clear_active();
}
}
).live('mouseenter',function(){
// Transfer focus,if already open.if ($('ul.menu').is(':visible')){
JQD.util.clear_active();
$(this).addClass('active').next('ul.menu').show();
}
}
);
// Desktop icons.$('a.icon').live('mousedown',function(){
// Highlight the icon.JQD.util.clear_active();
$(this).addClass('active');
}
).live('dblclick',function(){
// Get the link's target.var x = $(this).attr('href');
var y = $(x).find('a').attr('href');
// Show the taskbar button.if ($(x).is(':hidden')){
$(x).remove().appendTo('#dock');
$(x).show('fast');
}
// Bring window to front.JQD.util.window_flat();
$(y).addClass('window_stack').show();
}
).live('mouseenter',function(){
$(this).die('mouseenter').draggable({
revert:true,containment:'parent'}
);
}
);
// Taskbar buttons.$('#dock a').live('click',function(){
// Get the link's target.var x = $($(this).attr('href'));
// Hide,if visible.if (x.is(':visible')){
x.hide();
}
else{
// Bring window to front.JQD.util.window_flat();
x.show().addClass('window_stack');
}
}
);
// Make windows movable.$('div.window').live('mousedown',function(){
// Bring window to front.JQD.util.window_flat();
$(this).addClass('window_stack');
}
).live('mouseenter',function(){
$(this).die('mouseenter').draggable({
// Confine to desktop.// Movable via top bar only.cancel:'a',containment:'parent',handle:'div.window_top'}
).resizable({
containment:'parent',minWidth:400,minHeight:200}
);
// Double-click top bar to resize,ala Windows OS.}
).find('div.window_top').live('dblclick',function(){
JQD.util.window_resize(this);
// Double click top bar icon to close,ala Windows OS.}
).find('img').live('dblclick',function(){
// Traverse to the close button,and hide its taskbar button.$($(this).closest('div.window_top').find('a.window_close').attr('href')).hide('fast');
// Close the window itself.$(this).closest('div.window').hide();
// Stop propagation to window's top bar.return false;
}
);
// Minimize the window.$('a.window_min').live('click',function(){
$(this).closest('div.window').hide();
}
);
// Maximize or restore the window.$('a.window_resize').live('click',function(){
JQD.util.window_resize(this);
}
);
// Close the window.$('a.window_close').live('click',function(){
$(this).closest('div.window').hide();
$($(this).attr('href')).hide('fast');
}
);
// Show desktop button,ala Windows OS.$('#show_desktop').live('click',function(){
// If any windows are visible,hide all.if ($('div.window:visible').length){
$('div.window').hide();
}
else{
// Otherwise,reveal hidden windows that are open.$('#dock li:visible a').each(function(){
$($(this).attr('href')).show();
}
);
}
}
);
$('table.data').each(function(){
// Add zebra striping,ala Mac OS X.$(this).find('tbody tr:odd').addClass('zebra');
}
).find('tr').live('mousedown',function(){
// Highlight row,ala Mac OS X.$(this).closest('tr').addClass('active');
}
);
}
,wallpaper:function(){
// Add wallpaper last,to prevent blocking.if ($('#desktop').length){
$('body').prepend('<img id="wallpaper" class="abs" src="assets/images/misc/wallpaper.jpg" />');
}
}
}
,util:{
//// Clear active states,hide menus.//clear_active:function(){
$('a.active,tr.active').removeClass('active');
$('ul.menu').hide();
}
,//// Zero out window z-index.//window_flat:function(){
$('div.window').removeClass('window_stack');
}
,//// Resize modal window.//window_resize:function(el){
// Nearest parent window.var win = $(el).closest('div.window');
// Is it maximized already?if (win.hasClass('window_full')){
// Restore window position.win.removeClass('window_full').css({
'top':win.attr('data-t'),'left':win.attr('data-l'),'right':win.attr('data-r'),'bottom':win.attr('data-b'),'width':win.attr('data-w'),'height':win.attr('data-h')}
);
}
else{
win.attr({
// Save window position.'data-t':win.css('top'),'data-l':win.css('left'),'data-r':win.css('right'),'data-b':win.css('bottom'),'data-w':win.css('width'),'data-h':win.css('height')}
).addClass('window_full').css({
// Maximize dimensions.'top':'0','left':'0','right':'0','bottom':'0','width':'100%','height':'100%'}
);
}
// Bring window to front.JQD.util.window_flat();
win.addClass('window_stack');
}
}
}
;
// Pass in jQuery.}
)(jQuery,this);
分享到QQ
分享到微博
微信扫一扫
