兩個網頁使用同一個head,在點擊“首頁”后,head的“首頁”變成綠色,點擊“新聞”后,head的“新聞”變成綠色,head的“首頁”恢復原來的顏色
head.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <% String col = request.getParameter("col"); %> <link href="css/style.css" rel="stylesheet" type="text/css"/> <div id="top" class="layout"> <img src="images/logo.jpg" width="100" height="100"> <img src="images/banner1.jpg" width="900" height="100"> </div> <div id="nav" class="layout"> <a href="index.jsp" <%=col.equals("0")? "class='cur'":"" %>>首頁</a> <a href="newslist.jsp" <%=col.equals("1")? "class='cur'":"" %>>新聞</a> <a href="#">商城</a> <a href="#">社區</a> <a href="#">新聞</a> <a href="#">新聞</a> <a href="#">新聞</a> <a href="#">新聞</a> </div>
index.jsp
newslist.jsp
也可以通過這種方式使用同一個底部