html - 在鼠标悬停和鼠标单击时更改菜单颜色

Question

我的菜单项的 html 代码如下所示

<div id="menuBar">
<ul>
<li><a href="${pageContext.request.contextPath}/jsp/Main.jsp?menu=3&skin=1&p=Javascript-Menus">Home</a></li>
<li><a href="${pageContext.request.contextPath}/jsp/RootSipResourceUI.jsp?menu=3&skin=1&p=Horizontal-Menus">Add</a></li>
<li><a href="${pageContext.request.contextPath}/jsp/EditAppId.jsp?menu=3&skin=1&p=Web-Menus" onclick="changeColor(this);">Edit</a></li>
<li><a href="${pageContext.request.contextPath}/jsp/EditAppId.jsp?menu=3&skin=1&p=Web-Menus">Remove</a></li>
</ul>
</div>

我需要使用 javascript 或 css html 更改鼠标悬停和鼠标单击事件上菜单项的背景颜色。请帮我。我试过。但是没有用。

Answer 1

Refer this site. I think this is what you need.

code is here