可拖动的frame目录

最新推荐文章于 2021-09-01 19:12:48 发布

ikmb

最新推荐文章于 2021-09-01 19:12:48 发布

阅读量1.7k

点赞数

分类专栏：前端技术文章标签： xhtml html javascript function server firefox

本文链接：https://blog.csdn.net/ikmb/article/details/4787453

版权

前端技术专栏收录该内容

87 篇文章 0 订阅

订阅专栏

作者：敖士伟 Email:ikmb@163.com

如图，类似原在线msdn页面。兼容IE6 7 8,FireFox,点中间可收缩左边，同时两边宽度可调节。

。

main.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title> <script language="javascript" type="text/javascript"> function resize() { var l=document.getElementById("left").contentWindow.document.documentElement.clientWidth; var r=document.getElementById("right").contentWindow.document.documentElement.clientWidth; //if (l < lw) { document.getElementById("first").cols = l+",10," + r; //} //lw=l; } </script> </head> <frameset id="first" rows="*" cols="260,10,*"> <frame src="l.htm" id="left" frameborder="0" allowtransparency="true" /> <frame src="2.htm" id="middle" frameborder="1" bordercolor="red" allowtransparency="true" scrolling="no"> <frame src="r.htm" id="right" frameborder="0"> </frameset>

middle.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> <mce:script language="javascript" type="text/javascript"></mce:script> <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body leftmargin="0" topmargin="0" οnresize="parent.resize();" > <table width="10" height="800" bgcolor="#CCFF33"> <tr valign="middle" οnclick="folder()"><td>0</td></tr> </table> </body> </html>

left.htm与right

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title>��Ӳɹ��</title> <meta http-equiv="pragma" content="no-cache" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body> left </body> </html>