您当前位置：首页 > web前端 > htmlcss > HTML技巧:点击收缩Iframe框架效果

HTML技巧:点击收缩Iframe框架效果

来源：程序员人生发布时间：2014-03-09 06:30:47 阅读次数：5005次

　　网(LieHuo.Net)教程 Iframe是我们经常能够用到的Html语法，尤其是在一些网站的后台，今天我们就来说一下如何利用js和iframe制作后台的框架收缩效果，为了方便大家学习，Liehuo.net的小编已经将注释添加在代码内部，下面请看代码：

<html><meta http-equiv=Content-Type content=text/html;charset=gb2312><title>mobaihuo网站后台免费提供_网_www.wfuyu.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.wfuyu.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关注

栏目热点