给你个例子,双击中间的拖动条可变动.
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script type="text/javascript">
function hideLeftPane() {
var head = document.getElementById("Head");
var cols = "239,*";
head.lefthide = !head.lefthide;
if(head.lefthide)
{
head.cols = cols;
}
else
{
head.cols = "0,*";
}
}
</script>
</head>
<frameset id="Head" lefthide="true" onDblClick="hideLeftPane();" style="BORDER-RIGHT: buttonshadow 1px solid" name="LeftFrameset" frameSpacing="3" frameBorder="1" cols="239,*" >
<frame id="LeftPane" name="LeftPane" marginwidth="0" marginheight="0" src="Left.aspx" scrolling="no">
<frame id="RightPane" name="RightPane" scrolling="auto" marginwidth="0" marginheight="0" src="Right.aspx">
</frameset>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script type="text/javascript">
function hideLeftPane() {
var head = document.getElementById("Head");
var cols = "239,*";
head.lefthide = !head.lefthide;
if(head.lefthide)
{
head.cols = cols;
}
else
{
head.cols = "0,*";
}
}
</script>
</head>
<frameset id="Head" lefthide="true" onDblClick="hideLeftPane();" style="BORDER-RIGHT: buttonshadow 1px solid" name="LeftFrameset" frameSpacing="3" frameBorder="1" cols="239,*" >
<frame id="LeftPane" name="LeftPane" marginwidth="0" marginheight="0" src="Left.aspx" scrolling="no">
<frame id="RightPane" name="RightPane" scrolling="auto" marginwidth="0" marginheight="0" src="Right.aspx">
</frameset>
</html>