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

发布时间：2018-08-23 15:46:56 所属栏目：经验来源：站长网

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

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

<html> <meta http-equiv=Content-Type content=text/html;charset=gb2312> <title>mobaihuo网站后台免费提供_烈火网_www.veryhuo.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.veryhuo.com</B> </TD> </TR> </TABLE> <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>
提示：可修改后代码再运行!

　　当然，实现此类功能的方法还有很多，烈火网会慢慢的整理出来给大家，以方便各位站长学习！

（编辑：三门峡站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

草根创业者怎样挖掘项	你人生中太晚明白的道
凡客诚品官网疑似关闭