js iframe網站後臺左右收縮型頁面腳本

<html>
<meta http-equiv=Content-Type content=text/html;charset=gb2312>
<title>mobaihuo網站後臺免費提供_腳本之家_www.jb51.net</title>
<!--這裏的樣式的重點是指當鼠標移到三角按鈕時變成手掌-->
<style type="text/css">
.navPoint {COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt}
.a2{BACKGROUND-COLOR: A4B6D7;}
</style>
<!--onresize 事件 發生在窗口被調整大小的時候。carnoc是左邊FRAME的ID。-->
<body style="MARGIN: 0px" scroll=no onResize=javascript:parent.carnoc.location.reload()>
<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width="100%" border=0>
<TR>
<TD align=center width="100%" height=25 bgcolor="#B1C1E0" style="COLOR: #330099; font: 10.5pt"
><B>mobaihuo網站後臺免費提供</B>
</TD>
</TR>
</TABLE>
<!--以下代碼就是重點,屏幕切換點擊後相應的向左或者向右展開-->
<script>
if(self!=top){top.location=self.location;}
function switchSysBar(){
if (switchPoint.innerText==3){
switchPoint.innerText=4
document.all("frmTitle").style.display="none"
}else{
switchPoint.innerText=3
document.all("frmTitle").style.display=""
}}
</script>
<!--以上代碼就是重點,屏幕切換點擊後相應的向左或者向右展開-->
<table border="0" cellPadding="0" cellSpacing="0" height="100%" width="100%">
 <tr>
   
  <td width="30" align="middle" vAlign="center" noWrap id="frmTitle"><!--注意這裏的ID,它返回給上面那段javascript的-->
  
  <!--以下是左邊的FRAME,你只要做一個寬爲180PX的頁面嵌套進去就可以了。當然你也可以修改這句裏WIDTH的值爲你葉子的寬度-->
  <iframe frameBorder="0" id="carnoc" name="carnoc" scrolling=auto src="" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 180px; Z-INDEX: 2">  </iframe>  </td>
  <!--同志們請注意下面這個TD,它的顏色就是中間跑來跑去分欄部分的顏色,你可以在這裏將顏色改成與你頁面融洽的顏色-->
  
  <td width="46" bgcolor="#708EC7" style="WIDTH: 9pt">
  
  <!--哈哈,看到了吧,中間的那個跑來跑去的欄實際上去一個TABLE哦!TABle的寬度就是那條欄的寬度-->
  <table width="9" height="100%" border="0" cellpadding="0" cellspacing="0">
   <tr>
    <td width="200" style="HEIGHT: 100%" onClick="switchSysBar()"><!--這裏調用上面的switchSysBar過程-->
      <font style="FONT-SIZE: 9pt; CURSOR: default; COLOR: #ffffff">
      
      <!--這裏你可以把3改成1或者其他數字來看看就發現了是形狀問題了-->
      <span class="navPoint" id="switchPoint" title="關閉/打開左欄">3</span>

  屏幕切換
</font></td>
   </tr>
  </table></td>
    <td width="630" style="WIDTH: 100%">    </td>
 </tr>
</table>
</html>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章