oa/jsproot/yw/portal/data.jsp

<%@ page language="java" contentType="text/html; charset=gbk"
	pageEncoding="gbk"%>
	
<div id="window_computer" class="abs window">
	<div class="abs window_inner">
		<div class="window_top">
			<span class="float_left"> 
			<img src="/shares/jqueryDesktop/images/icons/icon_16_computer.png" />
				我的电脑
			</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">点击表格中的系统名称</div>
			<div class="window_main">
				<table class="data">
					<thead>
						<tr>
							<th class="shrink">&nbsp;</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="/shares/jqueryDesktop/images/icons/icon_16_drive.png" /></td>
							<td>Hard Drive</td>
							<td>Today</td>
							<td>&mdash;</td>
							<td>200 GB</td>
							<td>Volume</td>
						</tr>
						<tr>
							<td><img
								src="/shares/jqueryDesktop/images/icons/icon_16_disc.png" /></td>
							<td>Audio CD</td>
							<td>&mdash;</td>
							<td>&mdash;</td>
							<td>2.92 GB</td>
							<td>Media</td>
						</tr>
						<tr>
							<td><img
								src="/shares/jqueryDesktop/images/icons/icon_16_network.png" />
							</td>
							<td>Network</td>
							<td>&mdash;</td>
							<td>&mdash;</td>
							<td>&mdash;</td>
							<td>LAN</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="/shares/jqueryDesktop/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">&nbsp;</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="/shares/jqueryDesktop/images/icons/icon_16_page.png" /></td>
							<td>.DS_Store</td>
							<td>Yesterday</td>
							<td>&mdash;</td>
							<td>6 KB</td>
							<td>Hidden</td>
						</tr>
						<tr>
							<td><img
								src="/shares/jqueryDesktop/images/icons/icon_16_folder_home.png" />
							</td>
							<td>Default User</td>
							<td>Today</td>
							<td>&mdash;</td>
							<td>&mdash;</td>
							<td>Folder</td>
						</tr>
						<tr>
							<td><img
								src="/shares/jqueryDesktop/images/icons/icon_16_folder.png" />
							</td>
							<td>Applications</td>
							<td>Yesterday</td>
							<td>&mdash;</td>
							<td>&mdash;</td>
							<td>Folder</td>
						</tr>
						<tr>
							<td><img
								src="/shares/jqueryDesktop/images/icons/icon_16_folder.png" />
							</td>
							<td>Developer</td>
							<td>12/29/08</td>
							<td>&mdash;</td>
							<td>&mdash;</td>
							<td>Folder</td>
						</tr>
						<tr>
							<td><img
								src="/shares/jqueryDesktop/images/icons/icon_16_folder.png" />
							</td>
							<td>Library</td>
							<td>09/11/09</td>
							<td>&mdash;</td>
							<td>&mdash;</td>
							<td>Folder</td>
						</tr>
						<tr>
							<td><img
								src="/shares/jqueryDesktop/images/icons/icon_16_folder.png" />
							</td>
							<td>System</td>
							<td>Yesterday</td>
							<td>&mdash;</td>
							<td>&mdash;</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="/shares/jqueryDesktop/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="/shares/jqueryDesktop/images/misc/album_cover.jpg" /> <br />
				<em>Title of Album</em>
			</div>
			<div class="window_main">
				<table class="data">
					<thead>
						<tr>
							<th class="shrink">&nbsp;</th>
							<th class="shrink">Track</th>
							<th>Song Name</th>
							<th class="shrink">Length</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><img
								src="/shares/jqueryDesktop/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="/shares/jqueryDesktop/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="/shares/jqueryDesktop/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="/shares/jqueryDesktop/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>
					</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="/shares/jqueryDesktop/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">&nbsp;</th>
							<th>Name</th>
							<th class="shrink">Operating System</th>
							<th class="shrink">Version</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td><img
								src="/shares/jqueryDesktop/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="/shares/jqueryDesktop/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="/shares/jqueryDesktop/images/icons/icon_16_vpn.png" /></td>
							<td>Remote Desktop VPN</td>
							<td>Windows</td>
							<td>XP</td>
						</tr>
						<tr>
							<td><img
								src="/shares/jqueryDesktop/images/icons/icon_16_computer.png" />
							</td>
							<td>Michael Scott</td>
							<td>Mac OS</td>
							<td>10.5</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>