[JavaScript]如何控制页面框架大小变化
来源:互联网 发布:steam没网络可以玩吗 编辑:程序博客网 时间:2024/05/22 03:52
main.htm
button.htm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">...
<!--
body {...}{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #3366ff;
}
.bg1
{...}{
background-color:#CCFFFF;
border:1px solid #000000;
}
.bg2
{...}{
background-color:#FFFFFF;
border:1px solid #000000;
}
-->
</style>
<script language="javascript">...
<!--
var pic=new Array("images/toleft.gif","images/toleft2.gif.gif","images/toright.gif","images/toright2.gif")
var leftorright='leftFrame';
function changeSize()...{
top.M_Frame.cols=(top.M_Frame.cols=="200,10,*")?"0,10,*":"200,10,*";
if (leftorright=='leftFrame')...{
document.all.a1.innerHTML="<img width="8" height="16" src="images/toright.gif" onmouseover="this.src=pic[3]" onmouseout="this.src=pic[2]" onclick="changeSize()"style="cursor:hand" alt="显示列表" >";
leftorright='mainFrame';
}
else
...{
document.all.a1.innerHTML="<img width="8" height="16" src="images/toleft.gif" onmouseover="this.src=pic[1]" onmouseout="this.src=pic[0]" onclick="changeSize()"style="cursor:hand" alt="隐藏列表">";
leftorright='leftFrame';
}
}
-->
</script>
</head>
<body>
<table width="80%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bordercolorlight="#3366ff" bordercolordark="#3366ff">
<table class="bg1" cellpadding="0" cellspacing="0" onMouseMove="this.className='bg2' " onMouseOut="this.className='bg1' " onMouseDown="this.className='bg1'">
<tr>
<td height="40" id="a1" >
<IMG width="8" height="16" src="images/toleft.gif" alt="隐藏列表"
onmouseover="this.src='images/toleft2.gif'"
onmouseout="this.src='images/toleft.gif'"
style="CURSOR: hand" onclick=changeSize() ></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
<!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>
<title>主界面</title>
<OBJECT id="maximize" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" VIEWASTEXT>
<PARAM NAME="Width" VALUE="106">
<PARAM NAME="Height" VALUE="53">
<PARAM NAME="Command" VALUE="MAXIMIZE">
</OBJECT>
<script language="javascript">...
if(top.screenLeft>1) maximize.Click()
</script>
</head>
<frameset rows="45,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" src="head.htm">
<frameset id=M_Frame frameSpacing="0" rows="*" frameBorder="no" cols="200,10,*" border="0">
<frame id=LeftFrame name=LeftFrame marginWidth=0 marginHeight=0 src="main_left.aspx" scrolling="auto" noResize>
<frame id=ButtonFrame name=ButtonFrame marginWidth=0 marginHeight=0 src="button.htm" scrolling="no" noResize>
<frame id=MainFrame name=MainFrame marginWidth=0 marginHeight=0 src="Welcome.aspx" scrolling="auto" noResize>
</frameset>
</frameset>
</html>
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>主界面</title>
<OBJECT id="maximize" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11" VIEWASTEXT>
<PARAM NAME="Width" VALUE="106">
<PARAM NAME="Height" VALUE="53">
<PARAM NAME="Command" VALUE="MAXIMIZE">
</OBJECT>
<script language="javascript">...
if(top.screenLeft>1) maximize.Click()
</script>
</head>
<frameset rows="45,*" cols="*" frameborder="no" border="0" framespacing="0">
<frame name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" src="head.htm">
<frameset id=M_Frame frameSpacing="0" rows="*" frameBorder="no" cols="200,10,*" border="0">
<frame id=LeftFrame name=LeftFrame marginWidth=0 marginHeight=0 src="main_left.aspx" scrolling="auto" noResize>
<frame id=ButtonFrame name=ButtonFrame marginWidth=0 marginHeight=0 src="button.htm" scrolling="no" noResize>
<frame id=MainFrame name=MainFrame marginWidth=0 marginHeight=0 src="Welcome.aspx" scrolling="auto" noResize>
</frameset>
</frameset>
</html>
button.htm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<style type="text/css">...
<!--
body {...}{
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #3366ff;
}
.bg1
{...}{
background-color:#CCFFFF;
border:1px solid #000000;
}
.bg2
{...}{
background-color:#FFFFFF;
border:1px solid #000000;
}
-->
</style>
<script language="javascript">...
<!--
var pic=new Array("images/toleft.gif","images/toleft2.gif.gif","images/toright.gif","images/toright2.gif")
var leftorright='leftFrame';
function changeSize()...{
top.M_Frame.cols=(top.M_Frame.cols=="200,10,*")?"0,10,*":"200,10,*";
if (leftorright=='leftFrame')...{
document.all.a1.innerHTML="<img width="8" height="16" src="images/toright.gif" onmouseover="this.src=pic[3]" onmouseout="this.src=pic[2]" onclick="changeSize()"style="cursor:hand" alt="显示列表" >";
leftorright='mainFrame';
}
else
...{
document.all.a1.innerHTML="<img width="8" height="16" src="images/toleft.gif" onmouseover="this.src=pic[1]" onmouseout="this.src=pic[0]" onclick="changeSize()"style="cursor:hand" alt="隐藏列表">";
leftorright='leftFrame';
}
}
-->
</script>
</head>
<body>
<table width="80%" height="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center" bordercolorlight="#3366ff" bordercolordark="#3366ff">
<table class="bg1" cellpadding="0" cellspacing="0" onMouseMove="this.className='bg2' " onMouseOut="this.className='bg1' " onMouseDown="this.className='bg1'">
<tr>
<td height="40" id="a1" >
<IMG width="8" height="16" src="images/toleft.gif" alt="隐藏列表"
onmouseover="this.src='images/toleft2.gif'"
onmouseout="this.src='images/toleft.gif'"
style="CURSOR: hand" onclick=changeSize() ></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
- [JavaScript]如何控制页面框架大小变化
- javascript控制页面大小介绍
- javascript 控制弹出式div页面大小,关闭
- 页面大小变化事件
- VFP如何控制一个窗口的所有控件的大小随窗口的变化而变化
- 代码控制框架大小
- Angular 4_监听页面大小变化
- 如何控制table大小
- iframe 随子页面大小变化而变化
- UIWebView 控制页面 字体 大小
- (ASP.NET)如何在打开页面的时候控制页面大小?
- 持续讨论 javascript 如何控制优化页面 js 加载顺序
- JavaScript控制页面跳转
- jQuery控制页面样式的变化
- javascript控制图片显示大小
- javascript控制图片自适应大小
- javascript控制图片自适应大小
- 使用 javascript 函数 完美控制页面图片显示大小 By shawl.qiu
- C语言双向链表 快速排序
- C链表 插入排序的实现
- 基本面分析与技术分析
- Cygwin使用指南
- [WebObject]Web页面最大化按钮对像
- [JavaScript]如何控制页面框架大小变化
- SNIFFER的含义和工作原理
- 孙鑫VC++讲座笔记(7) 对话框编程
- dynamic_cast 与 exception
- eclipse如何导入类包
- 新闻控件草表
- 也谈漂亮代码
- 做无线商话开发的进来看看啊!
- 使用inno setup制作安装包