jsp漂亮菜单列表

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>JSP漂亮菜单列表</title>
    <style>
        ul.menu {
            list-style-type: none;
            margin: 0;
            padding: 0;
            overflow: hidden;
            background-color: #333;
        }
        ul.menu li {
            float: left;
        }
        ul.menu li a {
            display: block;
            color: white;
            text-align: center;
            padding: 14px 16px;
            text-decoration: none;
        }
        ul.menu li a:hover {
            background-color: #111;
        }
    </style>
</head>
<body>

<ul class="menu">
    <li><a href="home.jsp">首页</a></li>
    <li><a href="products.jsp">产品</a></li>
    <li><a href="about.jsp">关于我们</a></li>
    <li><a href="contact.jsp">联系我们</a></li>
</ul>

</body>
</html>

<ul class="menu">
    <%
        String[] menuItems = {"首页", "产品", "关于我们", "联系我们"};
        for (String item : menuItems) {
    %>
        <li><a href="<%= item.toLowerCase() %>.jsp"><%= item %></a></li>
    <%
        }
    %>
</ul>

<head>
    <link rel="stylesheet" type="text/css" href="styles.css">
</head>