2014-01-15 27 views
1

我正在使用HTML,CSS,JSP和Java-servlet製作更大的網站。如何最好地重複使用HTML代碼的菜單

我做了使用菜單< nav>< ul>< li>導航)。當我懸停時,子菜單下拉。它看起來像這樣:

enter image description here


我想重用我所有的網頁菜單。它會改變很多,所以我需要單一的真理來源 - 不要重複代碼。我一直在尋找php/js,但一直未能得到它的工作。

我成像,它會像這樣

  • 文件只包含有對所有頁面重複使用HTML代碼(就像我的菜單)。
  • 使魔法工作的文件。
  • 幾行代碼被添加到每個頁面,在菜單應該在的地方。 (也許行,告訴它運行什麼腳本)

注:

  • 我想這對大多數工作(如果不是全部)網絡瀏覽器。
  • 下拉菜單應該覆蓋下面的文字。
+1

使用Javascript加載menu.html,將其附加到每頁的父div上。 – Mave

+0

如果您使用JSP/Java,爲什麼要標記PHP? – CodingIntrigue

+0

jsp包括功能可以使用 –

回答

4

使用包括由JSP定功能:

<%@ include file="menu.html" %> 
+1

這篇文章讓我找到http://stackoverflow.com/questions/12837714/jsp-include-page-doesnt-work 現在它的工作。謝謝! –

+0

不用客氣 –

0

您也可以嘗試使用Tiles框架。 Look here欲瞭解更多信息,請致電