HTML 導航框架_ZenDei技術網路在線

HTML 導航框架

-Advertisement-

首頁效果圖點擊鏈接一效果圖代碼結構 index.jsp top.jsp left.jsp right.jsp bottom.jsp link1.jsp link2.jsp link3.jsp ...

首頁效果圖

點擊鏈接一效果圖

代碼結構

index.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>frameset</title>
    <link href="logo.ico" rel="shortcut icon" type="image/x-icon" />
  </head>
  <frameset rows="25%,50%,25%" cols="*">
      <frame src="top.jsp"/>
      <frameset rows="*" cols="25%,75%">
          <frame src="left.jsp"/>
          <frame src="right.jsp" name="showframe"/>
      </frameset>
      <frame src="bottom.jsp"/>
  </frameset>
</html>

top.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>top</title>
    <link href="logo.ico" rel="shortcut icon" type="image/x-icon" />
  </head>
  <body>
      top...
  </body>
</html>

left.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>left</title>
    <link href="logo.ico" rel="shortcut icon" type="image/x-icon" />
  </head>
  <body>
      <a href="link1.jsp" target="showframe">鏈接一</a><br/>
      <a href="link2.jsp" target="showframe">鏈接一</a><br/>
      <a href="link3.jsp" target="showframe">鏈接一</a>
  </body>
</html>

right.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>right</title>
    <link href="logo.ico" rel="shortcut icon" type="image/x-icon" />
  </head>
  <body>
      welcome...
  </body>
</html>

bottom.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>bottom</title>
    <link href="logo.ico" rel="shortcut icon" type="image/x-icon" />
  </head>
  <body>
      bottom...
  </body>
</html>

link1.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>link1</title>
    <link href="logo.ico" rel="shortcut icon" type="image/x-icon" />
  </head>
  <body>
      link1...
  </body>
</html>

link2.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>link2</title>
    <link href="logo.ico" rel="shortcut icon" type="image/x-icon" />
  </head>
  <body>
      link2...
  </body>
</html>

link3.jsp

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>link3</title>
    <link href="logo.ico" rel="shortcut icon" type="image/x-icon" />
  </head>
  <body>
      link3...
  </body>
</html>

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

UML圖中經常用到幾種的關係圖例

學習這個東西挺奇怪的，時間一長就容易忘記，或者記不清楚。今天看到一些UML圖的關係，發現有些出入了，索性就寫下來，以後再忘記的時候過來看看。在UML的類圖中，常見的有以下幾種關係: 繼承（Generalization）, 實現（Realization）, 關聯（Association), 依賴(D ...
PHP設計模式（四）單例模式（Singleton For PHP）

今天講單例設計模式，這種設計模式和工廠模式一樣，用的非常非常多，同時單例模式比較容易的一種設計模式。一、什麼是單例設計模式單例模式，也叫單子模式，是一種常用的軟體設計模式。在應用這個模式時，單例對象的類必須保證只有一個實例存在。二、單例模式的技巧三、單例模式的應用場景資料庫設計，我們發送一 ...
java常用的設計模式

設計模式；一個程式員對設計模式的理解:“不懂”為什麼要把很簡單的東西搞得那麼複雜。後來隨著軟體開發經驗的增加才開始明白我所看到的“複雜”恰恰就是設計模式的精髓所在，我所理解的“簡單”就是一把鑰匙開一把鎖的模式，目的僅僅是著眼於解決現在的問題，而設計模式的“複雜”就在於它是要構造一個“萬能鑰匙”，目的 ...
C# Entity Framework併發處理

原網站：C# Entity Framework併發處理在軟體開發過程中，併發控制是確保及時糾正由併發操作導致的錯誤的一種機制。從 ADO.NET 到 LINQ to SQL 再到如今的 ADO.NET Entity Framework，.NET 都為併發控制提供好良好的支持方案。併發處理方式一般分 ...
Lind.DDD.LindQueue的一些想法

回到目錄很久就想寫一套屬於自己的消息隊列組件，前段時候看了湯雪華同學的EQueue，感覺還是不錯的，他也是看了rabbitMQ之後寫的Equeue，在設計上與前者有類似的地方，而大叔這次準備寫一個LindQueue，當前整體架構都差不多，無非是生產者，管道，消費者三個角色，而核心部分就是管道Bro ...
JavaScript使用介面

在經典的Java面向對象語言中，可以用關鍵字interface來定義介面，用implement來實現介面，而JavaScript雖然也是面向對象語言，但是它並沒有內置這些，不過由於JavaScript的靈活性，我們可以通過模擬來實現，方法是使用一個輔助類和輔助函數來協助完成這一過程。 ...
JS幾種變數交換方式以及性能分析對比

原文原文是自己博客上發佈的 "JS幾種變數交換方式以及性能分析對比" 前言 “兩個變數之間的值得交換”，這是一個經典的話題，現在也有了很多的成熟解決方案，本文主要是列舉幾種常用的方案，進行大量計算並分析對比。起由最近做某個項目時，其中有一個需求是交換數組中的兩個元素。當時使用的方法是: arr ...
CSS選擇器：基礎選擇器、關係選擇器、屬性選擇器、偽類選擇器、偽類選擇器等；

CSS選擇器：基礎、關係、屬性、偽類、偽對象等；選擇器優先順序的計算：style=1000(內聯樣式表) ID=100 class=10 element=1 1. 基礎選擇器 ID>class>element>* 2. 關係選擇器 1.包含（後代）選擇器 E F E為F的外層元素 2.子選擇器 E> ...