javascript - jquery设置元素悬停

Question

我有一个带有 6 个菜单按钮的页面。每个按钮都有自己的悬停事件 (CSS) 背景。一切正常，但现在我想在选择页面时做到这一点，我想让背景保持静态。有可能用javascript制作吗？这将帮助访问者知道他选择了哪种类型的按钮。

如果您不明白我的意思，我将在 jquery 中编写一个小代码（这只是一个示例）：

$(document).ready(function(){
   $("#button-index1").makeItStaticBackground();
});

Answer 1

您必须向要应用 css 悬停效果的元素添加一个类（Ex menu-element），并在元素处于活动状态时删除该类。

CSS：

.menu-element:hover{
...
}

javascript:

$(document).ready(function(){
   $("#button-index1").removeClass('menu-element');
});

Answer 2

我通常通过active在服务器上添加一个类或通过 JavaScript 来解决这个问题。通过 JavaScript，您可以使用一些location.href===a.href魔法。在 CSS 中很简单：

.menu a:hover,
.menu a.active {
    // definitions..
}