freemarker 导航栏点击高亮

要实现导航栏点击高亮的效果，可以使用Freemarker结合HTML和CSS来实现。以下是一种实现方式：

1. 首先，在Freemarker模板中定义导航栏的HTML代码。例如：

<ul class="navbar">
  <li class="<#if currentPage == 'home'>active</#if>"><a href="/home">Home</a></li>
  <li class="<#if currentPage == 'about'>active</#if>"><a href="/about">About</a></li>
  <li class="<#if currentPage == 'contact'>active</#if>"><a href="/contact">Contact</a></li>
</ul>

在上面的代码中，我们使用了Freemarker的条件判断语句（`<#if>`）来判断当前页是否与导航栏项对应，如果是，则为该导航栏项添加一个名为"active"的CSS类。

2. 接下来，在CSS样式表中定义"active"类的样式。例如：

.navbar li.active {
  background-color: #f00; /* 设置背景色为红色 */
  color: #fff; /* 设置文字颜色为白色 */
}

在上面的代码中，我们设置了"active"类的背景色和文字颜色，你可以根据需要进行调整。

3. 最后，在后端代码（Java、Spring、Servlet等）中将当前页的信息传递给Freemarker模板。例如：

model.addAttribute("currentPage", "home"); // 将当前页设置为"home"

在上面的代码中，我们使用了Java的Spring框架的`model`对象来将当前页信息传递给Freemarker模板。你可以根据自己的项目实际情况来传递当前页的信息。

通过以上步骤，当用户访问不同的页面时，对应的导航栏项会自动添加"active"类，从而实现点击高亮效果。