javascript iframe網站後台介面架構代碼

來源:互聯網
上載者:User
提示:您可以先修改部分代碼再運行

<html> <meta http-equiv=Content-Type content=text/html;charset=gb2312> <title>mobaihuo網站後台免費提供_www.111cn.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 scroll=no onResize=javascript:parent.carnoc.location.reload()> <TABLE cellSpacing=0 cellPadding=0 width="100%" border=0> <TR> <TD align=center width="100%" height=25 bgcolor="#B1C1E0" ><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="" > </iframe> </td> <!--同志們請注意下面這個TD,它的顏色就是中間跑來跑去分欄部分的顏色,你可以在這裡將顏色改成與你頁面融洽的顏色--> <td width="46" bgcolor="#708EC7" > <!--哈哈,看到了吧,中間的那個跑來跑去的欄實際上去一個TABLE哦!TABle的寬度就是那條欄的寬度--> <table width="9" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="200" onClick="switchSysBar()"><!--這裡調用上面的switchSysBar過程--> <font > <!--這裡你可以把3改成1或者其他數字來看看就發現了是形狀問題了--> <span class="navPoint" id="switchPoint" title="關閉/開啟左欄">3</span> 螢幕切換 </font></td> </tr> </table></td> <td width="630" > </td> </tr> </table> </html>
提示:您可以先修改部分代碼再運行

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.