城市猎人

在一网情深的日子里，谁能说得清是苦是甜，只知道确定了就义无反顾
posts - 1, comments - 7, trackbacks - 0, articles - 89

隐藏显示frame

Posted on 2009-01-11 11:27 sailor 阅读(890) 评论(0)  编辑  收藏 所属分类: javascript

思路：通过子frame改变父frame的cols设置实现父fame的隐藏。

center.html：父frame

1    <frameset cols='169,14,*' rows='*' frameborder='NO' border='0' id="oa_frame">
2        <frame id="le" name='leftarea'  src='left.jsp'   MARGINWIDTH=0 MARGINHEIGHT=0 SCROLLING='NO'/>
3        <frame name=middleframe src='middel.html'    scrolling='NO' frameborder='NO' noresize>
4        <frame name='main'      src='login.html'  MARGINWIDTH=0 MARGINHEIGHT=0 frameborder='no' scrolling='no' noresize />
5    </frameset>

middel.html:用于控制center.html中leftarea的隐藏与显示
 1<html xmlns="http://www.w3.org/1999/xhtml">
 2<head>
 3<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 4<title>无标题文档</title>
 5<style type="text/css">
 6<!--
 7body {
 8    margin-left: 0px;
 9    margin-top: 0px;
10    margin-right: 0px;
11    margin-bottom: 0px;
12}
13-->
14</style>
15<style> 
16.navPoint { 
17COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 9pt 
18} 
19</style> 
20<script>
21function switchSysBar(){ 
22    var locate=location.href.replace('middel.html','');
23    var ssrc=document.getElementById("img1").src.replace(locate,'');
24    if (ssrc=="images/main_55.gif")
25    { 
26        document.getElementById("img1").src="images/main_55_1.gif";
27        window.parent.document.getElementById("oa_frame").cols="0,16,*";
28    } 
29    else
30    { 
31        document.getElementById("img1").src="images/main_55.gif";
32        window.parent.document.getElementById("oa_frame").cols="169,16,*";
33    } 
34} 
35</script>
36
37</head>
38
39<body style="overflow:hidden">
40<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0" style="table-layout:fixed;">
41  <tr>
42    <td width="6"  style="width:6px;"valign="middle" bgcolor="1873aa" onclick=switchSysBar()>
43        <SPAN class=navPoint id=switchPoint title=关闭/打开左栏>
44            <img src="images/main_55.gif" name="img1" width=6 height=40 id=img1>
45        </SPAN>
46    </td>
47    </tr>
48</table>
49</body>
50</html>
51


只有注册用户登录后才能发表评论。
网站导航: