用js怎样实现frameset的resize功能解决办法

2012-01-30

用js怎样实现frameset的resize功能td .... /tdtdimg//tdtd .... /td想用鼠标拖动中间的 td

用js怎样实现frameset的resize功能
<td> .... </td>
<td> <img /> </td>
<td> .... </td>

想用鼠标拖动中间的 <td> 动态改变左右两个 <td> 的大小
就是类似frameset的resize功能
求思路

[解决办法]
具体代码没有
思路应该清晰
鼠标到中间就 cursor显示为拖动
然后记录鼠标位置
td1.width += delta
td2.width -= delta
[解决办法]
FrameSet的文件：注意那个Border， <FRAME src= "Border.htm " scrolling= "no ">

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN ">
<html>
<head>
<TITLE> 文件管理系统 </TITLE>
<META HTTP-EQUIV= "Content-Type " CONTENT= "text/html; charset=gb2312 ">
<meta name= "GENERATOR " content= "Microsoft Visual Studio .NET 7.1 ">
<meta content= "http://schemas.microsoft.com/intellisense/ie5 " name= "vs_targetSchema ">
</head>
<frameset rows= "95,75%,25 " border= "0 " frameSpacing= "0 " frameBorder= "0 " onresize= " ">
<frame name= "banner " src= "MainTop.aspx " scrolling= "no " noresize>
<frameset name= "AllParent " cols= "161,1%,78% " onresize>
<frame name= "MenuTree " src= "MenuTree.aspx " scrolling= "no " id= "MenuTree ">
<FRAME src= "Border.htm " scrolling= "no ">
<frame name= "main " src= "Welcome.aspx " id= "WelCome ">
</frameset>
<FRAME id= "Bottom " src= "MainBottom.htm " scrolling= "no ">
<noframes>
<pre id= "p2 ">
================================================================
关于完成此标题和内容框架集的说明
1. 为“banner”框架添加 src= " " 页的 URL。
2. 为“contents”框架添加 src= " " 页的 URL。
3. 为“main”框架添加 src= " " 页的 URL。
4. 将 BASE target= "main " 元素添加到“contents”页的
HEAD，以将“main”设置为默认框架，“contents”页的链接将
在该框架中显示其他页。
================================================================
</pre>
<p id= "p1 ">
此 HTML 框架集显示多个 Web 页。若要查看此框架集，请使用支持 HTML 4.0 及更高版本的 Web 浏览器。
</p>
</noframes>
</frameset>
</html>

这是那个Border.htm文件：
<html>
<head>
<title> Border </title>
<meta content= "JavaScript " name= "vs_defaultClientScript ">
<meta content= "http://schemas.microsoft.com/intellisense/ie5 " name= "vs_targetSchema ">
<meta content= "Microsoft Visual Studio .NET 7.1 " name= "GENERATOR ">
<meta content= "VisualStudio.HTML " name= "ProgId ">
<meta content= "Microsoft Visual Studio .NET 7.1 " name= "Originator ">
<script language= "javascript ">
var Flag = false;
function HideMenu()
{
if (Flag == false)
{
parent.AllParent.cols= "0,1%,99% ";

document.MyImg.src= "images/BaseImages/arrow_r.gif ";
Flag = true;
}
else
{
parent.AllParent.cols= "160,1%,99% ";
document.MyImg.src= "images/BaseImages/arrow_l.gif ";
Flag = false;
}
}
</script>
</head>
<BODY bgColor= "#dbe7f6 " leftMargin= "0 " topMargin= "0 " border= "0 ">

热点排行

asp.net

用js怎样实现frameset的resize功能解决办法