frameset框架如何使左边页面显示，隐藏?wj-wangjun

最新推荐文章于 2019-05-21 14:28:27 发布

weixin_30615767

最新推荐文章于 2019-05-21 14:28:27 发布

阅读量257

点赞数

CC 4.0 BY-SA版权

文章标签： xhtml c# javascript ViewUI

原文链接：http://www.cnblogs.com/wj-wangjun/archive/2007/08/13/854002.html

本文介绍了一种使用HTML和JavaScript实现的网页框架布局方案，并提供了两种动态控制侧边栏显示与隐藏的方法：一种是通过修改DOM属性实现，另一种是通过更换图片来提示状态改变。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 框架页面

</frameset>

</frameset>

</html>

2. 在Main.aspx 文件做显示隐藏的按钮。（方法一：）

@ Page language="c#" Codebehind="Main.aspx.cs" AutoEventWireup="True" Inherits="BYD_SPCSystem.DesktopModules.Main" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<html>

<head>

<!--

function shleft()

{

if (parent.middle.cols=="0,*")

{

parent.middle.cols="200,*"

document.getElementById("p1").innerHTML="隐";

document.getElementById("p2").innerHTML="藏";

}

else

{

parent.middle.cols="0,*"

document.getElementById("p1").innerHTML="显";

document.getElementById("p2").innerHTML="示";

}

function TABLE1_onclick()

{

}

//-->

</script>

</head>

<body >

<tr>

</td>

</tr>

</table>

我是主

3. 用图片显示。（方法二：）

@ Page Language="C#" AutoEventWireup="true" CodeBehind="candotop.aspx.cs" Inherits="BYD_SPCSystem.Test.candotop" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

var disptool = true;

function coro()

{

if(disptool)

{

parent.main.cols='0,*';

document.all.tool.src="../Img/open.gif";

disptool = false;

}

else

{

parent.main.cols='200,*';

document.all.tool.src="../pictures/button_PIC/save.bmp";

disptool = true;

}

</script>

</head>

<body>

<table>

<tr>

</td>

</tr>

</table>

</body>

</html>

转载于:https://www.cnblogs.com/wj-wangjun/archive/2007/08/13/854002.html