您的位置：首页 > 编程语言 > Java开发

学做Java项目的第一步-----frameset 的应用

2009-07-22 18:25 197 查看

今天上招聘网才发觉要学精Java了，以前自己以为会点java基础和.net项目经验就很骄傲，但实际的java项目要学的东西太多了。我的老大BigZ挽留我不要冲动离职，并且制定了一个半月的java魔鬼训练。我欣然接受挑战，首先要学的就是frameset的使用。

在很多软件的首页界面中都可以看到frameset的使用，一个页面分割上中下，或者左中右等。通常的是有一个top，然后左侧菜单栏，中间显示部分。下面我实现的是一个简单的frameset框架应用（首页分上下两层，下一层中分左中右）。

第一步，编写首页代码:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<link href="style1.css" rel="stylesheet" type="text/css" />
<TITLE> frameset框架 </TITLE>

<frameset rows="15%,*" cols="*" framespacing="0" frameborder="NO" border="1" >
<frame src="top2.html" name="topFrame" scrolling="NO" noresize/>
<frameset id ="first" rows="*" cols="100,20,*" framespacing="0" frameborder="NO">
<frame src="left2.html" name="leftFrame" scrolling="NO" noresize/>
<frame src="closeopen.html" name="midFrame" scrolling="NO" noresize>
<frame src="main2.html" name="mainFrame" scrolling="atuo" noresize/> 

</frameset>
</frameset>

</HEAD>
<noframes>
<body class="html">
</body>
</noframes>
</HTML>

说明项：框架上层是直接由top2页面,下层分为left2,closeopen,main2三个页面组成。

top2.html代码：

<BODY>
<table width="1280" height="150" border="1" align="center" class="head">
<div id="top" class="head"><a class="a">顶部页面</a></div>
</table>
</BODY>

left2.html代码:

<body leftmargin="0" topmargin="0" class="body">
<table align="right" border="1" width="150" height="600" class="left">
<div id="left">
<h1 class="h1" class="p,pre, h1">左边的菜单</h1>
<p class="p">菜单固定的宽</p>
<pre class="pre"><a href="example.html" target="mainFrame" class="a">select1</a></pre>
<pre class="pre"><a href="test.html" target="mainFrame" class="a">select2</a></pre>
<pre class="pre"><a href="1.html" target="mainFrame" class="a">select3</a></pre>
<pre class="pre"><a href="main.html" target="mainFrame" class="a">select4</a></pre>
</div>
</body>

closeopen.html实质上是左侧菜单栏与中央显示页面的分割页面，通过一个图片触发来实现左侧菜单栏的收缩代码如下：

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script>
var counter = 0; // 加个计数参数

// 伸缩 frame

function folder(){

counter++;

if(counter%2==1){ // 单数点击

parent.first.cols="0,20,*";

}else{

parent.first.cols = "100,20,*";

}

}

</script>
</head>
<body class="background-colorbutton" onload=ini()>
<table border="0" height="100%" cellspacing="0" cellpadding="0" style="border-right:1px solid #9BA4B5;border-left:1px solid #EFF2F7;">
<tr>
<td width="6" height="100%" valign="middle"><a href="javascript:folder();"><img src="image/close.gif" width="6" height="47" border="0" id="menuSwitch"/></a></td>
</tr>
</table>
</body>

mian2.html代码;

<body leftmargin="0" topmargin="0" rightmargin="0">
<table align="center" border="1">

<div id="main" class="content">

<h1 class="h1">中间页面</h1>
<p class="h1">
</p>
<pre class="pre"></pre>
</div>
</table>
</body>

上述代码主要是说明frameset框架的使用，其中的重点是可以收缩的javaScript方法十分重要，我在这以笔记形式暂时保存，留日后详细整理。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航