本人现在做一个B/S系统,界面拟采用框架结构, 类似DREAMWARE那种, 即左边为菜单栏, 右边为内容栏,左边菜单菜通过一个按钮可以展开或缩进去, 相信类似这种框架结构大家都见过。
这种动态缩放如何实现, 我在网上看过类似的说明, 但本人实在愚顿, 不知这些代码怎么使,谢谢大家说详细些。先谢谢大家了。
另外, 问一个额外问题, 就是类似框架左边那个图标按钮(我想应该是),是如何做到不论左边框架伸开还是缩进, 始终紧贴该框架的最右边, 我做时, 怎么老是无法做到紧贴。
这两个问题每个50分, 再次谢谢大家。
这种动态缩放如何实现, 我在网上看过类似的说明, 但本人实在愚顿, 不知这些代码怎么使,谢谢大家说详细些。先谢谢大家了。
另外, 问一个额外问题, 就是类似框架左边那个图标按钮(我想应该是),是如何做到不论左边框架伸开还是缩进, 始终紧贴该框架的最右边, 我做时, 怎么老是无法做到紧贴。
这两个问题每个50分, 再次谢谢大家。
改后缀htm为aspx。
2没看明白
<html>
<head>
<title>RetractBar</title>
<meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<STYLE type="TEXT/CSS">
</STYLE>
<script language="javascript">
var currentMoveObj = null;
function PageLoad()
{
//设置左边框架宽度:0.20为百分比
document.getElementById( "frmLeft" ).style.width = document.body.scrollWidth * 0.20;
//设置缩进条颜色:#888888
document.getElementById( "frmBar" ).style.backgroundColor = "#888888";
}
function switchSysBar()
{
if (switchPoint.innerText==3)
{
switchPoint.innerText=4;
document.getElementById( "frmLeft" ).style.display = "none";
}
else
{
switchPoint.innerText=3;
document.getElementById( "frmLeft" ).style.display = "";
}
}
function BarMouseOver()
{
if (switchPoint.innerText==4)
{
switchPoint.innerText=3;
document.getElementById( "frmLeft" ).style.display = "";
}
}
window.onload = PageLoad;
window.onresize = PageLoad;
</script>
</head>
<body topmargin="0" rightmargin="0" bottommargin="0" leftmargin="0">
<TABLE border=0 cellPadding=0 cellSpacing=0 height="100%" width="100%" ID="Table1">
<TR>
<!--左框架-->
<TD align="center" valign="middle" id="frmTitle">
<div id="frmLeft" style="HEIGHT: 100%">
<IFRAME frameBorder="0" id="Ileft" name="Ileft" src="" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 2"></IFRAME>
</div>
</TD>
<!--缩进条-->
<TD>
<div id="frmBar" onmouseover="BarMouseOver()" style="FILTER: alpha(opacity=100,finishopacity=0,style=1,startx=0,starty=100,finishx=,finishy=100); WIDTH: 100%; HEIGHT: 100%">
<TABLE border="0" cellPadding="0" cellSpacing="0" height="100%" ID="Frame">
<TR>
<TD style="HEIGHT: 100%"><SPAN style="COLOR: white; CURSOR: hand; FONT-FAMILY: Webdings; FONT-SIZE: 11px" onclick="switchSysBar()" id="switchPoint" title="点击缩放" >3</SPAN></TD>
</TR>
</TABLE>
</div>
</TD>
<!--右框架-->
<TD width="100%">
<div id="frmRight">
<IFRAME frameBorder="0" id="Iright" name="Iright" scrolling="no" src="about:home" style="HEIGHT: 100%; VISIBILITY: inherit; WIDTH: 100%; Z-INDEX: 1"></IFRAME>
</div>
</TD>
</TR>
</TABLE>
</body>
</html>
是不是要这个效果?
2.你靠不到边是因为页面有一个固定的左边框距离,此参数可修改,默认为10,你可如下修改
<body leftmargin=0 topMargin="0" MS_POSITIONING="FlowLayout">
我的框架是:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<head>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
<title>垂直拆分框架集</title>
<meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
<meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
</head>
<frameset cols="*,*">
<frame name="left" src="">
<frame name="right" src="">
<noframes>
<pre id="p2">
================================================================
关于完成此垂直拆分框架集的说明
1. 为“left”框架添加 src="" 页的 URL。
2. 为“right”框架添加 src="" 页的 URL。
================================================================
</pre>
<p id="p1">
此 HTML 框架集显示多个 Web 页。若要查看此框架集,请使用支持 HTML
4.0 及更高版本的 Web 浏览器。
</p>
</noframes>
</frameset>
</html>曾见有人如此答复这类问题:
<input type="button" name="btnHide" value="隐藏左框架" onclick="window.top.main.cols='0,*';">
假设左框架的 parent 名字叫 main, 分成左右两个框架。由于本人初学, 不知这些代码放在何处, 肯请大侠们给予帮助。谢谢,谢谢。