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

    今天上招聘网才发觉要学精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/> <!-- scrolling 框架滚动条显示 yes/no (可视化助理) -->
  <!--frame src="right.html" name="rightFrame" scrolling="no" noresize="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"  οnlοad=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 main-->
<div id="main" class="content">

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

 

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

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值