jquery设置元素悬停

Question

我有一个包含6个菜单按钮的页面。每个按钮都有自己的悬停事件（CSS）背景。一切正常，但现在我想在我选择页面时做到这一点，我想让那个背景变得静止。有可能用javascript制作吗？这将有助于访问者知道他被选中的按钮类型。

如果你没理解我的意思，我会在jquery中写一个小代码（这只是一个例子）：

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

Answer 1

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

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..
}