⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 desktop.html

📁 用AJAX制作的一个超强桌面
💻 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">
<head>
<title>Laputac</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="javascript" src="laputaxWinChild.js"></script>
<script language="javascript" src="mac.js"></script>
<script language="javascript">
   function bbs(){
     xWin.create("bbs.html");
   }
   function help(){
     xWin.create("templateChild.html",450,300);
   }
   function about(){
     xWin.create("about.html",450,300);
   }
</script>
<link href="style.css" rel="stylesheet" type="text/css">

<style type="text/css">
<!--
.big-title{font-size:24px;color:#FFFFFF;margin:20px auto auto auto; text-align:center;}
.small-title{ font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#FFFFFF; text-align:center; text-indent:-210px;margin-top:-6px;}
-->
</style>
</head>
<body scroll=no  onLoad="MACInit();">


<!-- MAC 效果 -->
<div style="width:79px;height:100%;position:absolute;top:0px;left:0px;">
<div class="tian-kong-zhi-cheng"><img src="images/tian-kong-zhi-cheng.jpg" /></div>
</div>

<div style="width:185px;height:100%;position:absolute;top:30px;left:20px;">
<div style="position:relative;z-index:10; ">
<TABLE cellSpacing=0 cellPadding=0 style="height:160px; text-align:center; ">
  <TR>
    <TD style="vertical-align:bottom; text-align:center" id="mac_icon_continue" >

 <table style="table-layout:fixed;width:160px; ">
    <tr>
       <td   id="imageTitle1"></td>
	   <td><div id="1" class="onchilcDiv-shu" onClick="help();">
	    <IMG src="images/mac/products-sm.gif" alt="HELP" name="image1" align="left" id="image1" onMouseOver="zoominIcon('1')" onMouseOut="zoomoutIcon('1')" >
		</div></td>
	</tr>
	<tr>    
            <td id="imageTitle2"></td>
	    <td><div id="2" class="onchilcDiv-shu" onClick="about();">
	   	<IMG  src="images/mac/about-sm.gif" alt="About" align="left" id="image2" onMouseOver="zoominIcon('2')" onMouseOut="zoomoutIcon('2')">
				</div></td>
	</tr>
       <tr>
           <td  id="imageTitle3"></td>
	   <td><div id="3"  class="onchilcDiv-shu" onClick="bbs();">
	    <IMG  src="images/mac/tiyan-sm.gif" alt="BBS" align="left" id="image3" onMouseOver="zoominIcon('3')" onMouseOut="zoomoutIcon('3')" ></div></td>
	</tr>

    <tr>
       <td id="imageTitle4"></td>
	   <td><div id="4" class="onchilcDiv-shu" onClick="help();">
	  <IMG  src="images/mac/together-sm.gif" alt="stone" align="left" id="image4" onMouseOver="zoominIcon('4')" onMouseOut="zoomoutIcon('4')">
	  </div></td>
	</tr>
	
	<tr>
       <td id="imageTitle5"></td>
	   <td><div id="5" class="onchilcDiv-shu" onClick="help();">
	  <IMG  src="images/mac/succeed-sm.gif" alt="test" align="left" id="image5" onMouseOver="zoominIcon('5')" onMouseOut="zoomoutIcon('5')">
	  </div></td>
	</tr>
	
	<tr>
       <td id="imageTitle6"></td>
	   <td><div id="6" class="onchilcDiv-shu" onClick="help();">
	  <IMG  src="images/mac/zhaoping-sm.gif" alt="test" align="left" id="image6" onMouseOver="zoominIcon('6')" onMouseOut="zoomoutIcon('6')">
	  </div></td>
	</tr>


</table>	 
	 
	  
  
</TD></TR></TABLE>

</div>
</div>
<!--------------->

<div  style="width:760px;height:730px;background:url(images/index_new_4.jpg) no-repeat center center;margin:auto;">
<div class="big-title">LAPUTAC MDI xWindows System demo</div>
<div class="small-title"><a href="http://www.laputac.com" target=_blank><font color="white">http://www.laputac.com</font></a></div>
</div>
</body>

</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -