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

📄 templatechild.html

📁 用AJAX制作的一个超强桌面
💻 HTML
字号:
<!--xWin Child Window Template File-->
<html>
<!--

  xWindows for Laputa System
  auther: Jangogo Chan Q108112937
  copyright: 4Fang Technology 广州海然数码科技有限公司
  date created : 2006-12-08


-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Help</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script language="javascript" src="laputaxWinChild.js"></script>
<script language=javascript>
  //xWin.move(0.5,0.5,200,200);
  function repos(){
    var headerHeight=50;
    $("WinBody").style.height=(document.body.clientHeight-headerHeight)+"px";
	$("WinBody").style.top=headerHeight+"px";
  }
  function init(){
      var liforgetdate= new Date();
       $('WinBody').src="http://www.laputac.com/bbs/index.asp";
	repos();
  }
  window.onresize=repos;
</script>
</head>

<body style="overflow:hidden;boder:0;" onLoad="init();">



<div  class="iframehead" id="HeadDiv" >
  <div  class="positiontLeft">
    <ul>
      <li style=" width:300px;height:50px; line-height:50px; text-align:left; padding-top:10px;" class="positiont"><img style="margin-bottom:-5px;" src="images/positiont.gif" width="30" height="30" /><span id=Title>Help</span></li>
    </ul>
  </div>

</div>

<!-- xWin Caption/Toobar -->
<div class="xWin-title-bar" id="xWin-title-bar" onMouseDown="xWin.drag();" onDblClick="xWin.maximize();"></div>
   <div class="window-positiont" id="big-small-close-bg" ></div>
   <div  class="window-positiont">
   <div class="big-small-close"   onMouseOver="this.className='big-small-close-over';" onMouseOut="this.className='big-small-close';" onClick="Util.help();"></div>
   <div class="big-small-close"  onMouseOver="this.className='big-small-close-over';" onMouseOut="this.className='big-small-close';" onClick="xWin.minimize();"></div>
   <div class="big-small-close"  onMouseOver="this.className='big-small-close-over';" onMouseOut="this.className='big-small-close';" onClick="xWin.maximize();"></div>
   <div class="big-small-close"  onMouseOver="this.className='big-small-close-over';" onMouseOut="this.className='big-small-close';" onClick="xWin.close();"></div>
   </div>
</body>
<div id="WinBody"  style="background:white;border:0;overflow:auto;width:100%; position:absolute;left:0;padding:5px">
<font color="#FF0000" size="3"><b>Usage:
</b></font>
<p><b>1.MDI Main Window</b><br>
&nbsp; Add laputaxWinChild.js and laputaxWinMain.js to the mdi main win-page<br>
&nbsp; Add style.css and xWin.css to the mid main win-page too.<p><b>2.MDI Child 
Window</b><br>
&nbsp; Add laputaxWinChild.js and Add style.css to each mdi child win-page. 
recommand u to use THIS page as a template to create your own new page<br>
<br>
<b>3.Build your own desktop-page and startmenu-page</b><p><b>4. APIs:</b><p>&nbsp;
<font color="#FF0000">&nbsp;xWin.create</font>(sURL,width,height,modal,fixed,sName)<br>
&nbsp;&nbsp; this function to open a new mdi child window<br>
&nbsp;&nbsp; sURL : url for the new child window<br>
&nbsp;&nbsp; modal : if set this value into true, the&nbsp; new mdi child window 
will be a modal one<br>
&nbsp;&nbsp; fixed : if set this value into true, the&nbsp; new mdi child window 
will NOT be resized at run time&nbsp; 
<p>&nbsp;&nbsp; <font color="#FF0000">xWin.close</font>()<br>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; close the mdi child window<p>&nbsp;&nbsp; 
<font color="#FF0000">xWin.maximize</font>()<p>&nbsp;&nbsp;<font color="#FF0000"> xWin.minimize</font>()<p>&nbsp;&nbsp; 
xWin.move(top,left,width,height)<br>
&nbsp;&nbsp;&nbsp;&nbsp; reset the window position and size<br>
<br>
&nbsp; <font color="#FF0000">xWin.setTitle</font>(sNewTitle)<br>
&nbsp;&nbsp;&nbsp;&nbsp; change the Title/Caption<br>
<br>
&nbsp; <font color="#FF0000">xWin.frontMe</font>()<br>
&nbsp;&nbsp;&nbsp; bring the window to the front<br>
<br>
&nbsp;enjoin! :) 
<p>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; LaputacTeam 2007.&nbsp;
<a href="javascript:xWin.create('license.html',500,400,true)">please check the License 
agreement before u use this code</a><p>&nbsp; </div>
</html>

⌨️ 快捷键说明

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