您當前位置：首頁 > web前端 > htmlcss > HTML技巧:點擊收縮Iframe框架效果

HTML技巧:點擊收縮Iframe框架效果

來源：程序員人生發布時間：2014-03-09 06:30:47 閱讀次數：5221次

　　網(LieHuo.Net)教程 Iframe是我們經常能夠用到的Html語法，尤其是在一些網站的后臺，今天我們就來說一下如何利用js和iframe制作后臺的框架收縮效果，為了方便大家學習，Liehuo.net的小編已經將注釋添加在代碼內部，下面請看代碼：

<html><meta http-equiv=Content-Type content=text/html;charset=gb2312><title>mobaihuo網站后臺免費提供_網_www.jyygyx.com</title><style type="text/css">.navPoint {COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt}.a2{BACKGROUND-COLOR: A4B6D7;}</style><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>網 www.jyygyx.com</B></TD></TR></TABLE><script>if(self!=top){top.location=self.location;}function switchSysBar(){if (switchPoint.innerText==3){switchPoint.innerText=4document.all("frmTitle").style.display="none"}else{switchPoint.innerText=3document.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">　　<iframe frameBorder="0" id="carnoc" name="carnoc" scrolling=auto src="" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 180px; Z-INDEX: 2">　　</iframe>　　</td>　　　　<td width="46" bgcolor="#708EC7" style="WIDTH: 9pt">　　　　<table width="9" height="100%" border="0" cellpadding="0" cellspacing="0">　　　<tr>　　　　<td width="200" style="HEIGHT: 100%" onClick="switchSysBar()">　　　　　　<font style="FONT-SIZE: 9pt; CURSOR: default; COLOR: #ffffff">　　　　　　　　　　　　<span class="navPoint" id="switchPoint" title="關閉/打開左欄">3</span>屏幕切換</font></td>　　　</tr>　　</table></td>　　<td width="630" style="WIDTH: 100%"></td>　</tr></table></html>
提示：可修改后代碼再運行!

　　當然，實現此類功能的方法還有很多，網會慢慢的整理出來給大家，以方便各位站長學習！

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

------分隔線----------------------------

上一篇 pb9實現在兩個工作簿之間進行工作表復制

下一篇 Access使用宏控制程序

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關注

欄目熱點

日本搞逼视频_黄色一级片免费在线观看_色99久久_性明星video另类hd_欧美77_综合在线视频

HTML技巧:點擊收縮Iframe框架效果