<html>
<meta http-equiv=Content-Type content=text/html;charset=utf-8>
<!--这里的样式的重点是指当鼠标移到三角按钮时变成手掌-->
<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"
>
</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="left.html" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH:100px; Z-INDEX: 2"> </iframe> </td>
<!--同志们请注意下面这个TD,它的颜色就是中间跑来跑去分栏部分的颜色,你可以在这里将颜色改成与你页面融洽的颜色-->
<td width="46" bgcolor="#708EC7" style="WIDTH: 9pt">
<!--哈哈,看到了吧,中间的那个跑来跑去的栏实际上去一个TABLE哦!TABle的宽度就是那条栏的宽度-->
<table width="15" 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>屏幕切换asdf </font></td>
</tr>
</table></td>
<td width="630" style="WIDTH: 100%"></td>
</tr>
</table>
</html>
html 页面 frame框架 伸缩弹窗
4星 · 超过85%的资源 需积分: 49 176 浏览量
2011-11-23
16:55:34
上传
评论
收藏 4KB ZIP 举报
gaodaweishishui
- 粉丝: 0
- 资源: 9
最新资源
- 细胞的奇迹:吃出来的免疫力(美亚畅销书!作者的TED演讲播放量超300万次!《谷物大脑》作者、《三联生活周刊》推荐!吃下对的食物,改善你的... (Z-Library).azw3
- 智能手机产品拆解,使用mindmaster打开
- 11111111111111
- 统信系统ARM64依赖openssl-1.0.2版本的libssl.so.10和libcrypto.so.10文件
- 奥比中光python sdk
- 冯超楠17.py
- OCR识别-基于视觉注意力机制Attention实现的OCR识别算法-附项目源码-优质项目实战.zip
- Java 使用蒙特卡洛方法估算PI的近似值(源代码)
- main.cpp
- 电子木鱼小程序源码电子木鱼小程序源码
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈