Javascript 悬停上的CSS选项卡

是否有任何方法可以操作此代码，以便将鼠标悬停在选项卡上时，它将成为活动/默认/当前选项卡选择

这样即使你向下滚动页面并返回，它也不会返回到Tab1

理想情况下，我只需要纯CSS：）

• 见代码：
  最近的职位

  ---

从您发布的小提琴（使用jquery）中，用鼠标键替换单击应该会给出您想要的
因为您是jquery新手，所以让我解释一下它的作用

$('.tabbox').on('mouseenter', function(){

这将选择类为“tabbox”的所有元素，并添加一个“mouseenter”事件处理程序，这是后面的函数。所以每次“mouseenter”事件发生时，函数都会执行它自己的操作

$('.tabbox').removeClass('active');
$(this).addClass('active');

---

调用该函数时，它要做的第一件事是选择类为“tabbox”的所有元素，并从中删除类“active”。然后，它将类“active”添加到“this”中，“this”是对“mouseentered”对象的引用。
只有当您希望用户离开并保持状态时，才能使用css。否则，在web搜索中使用javascript创建选项卡并不难找到代码。你需要一个Cookie。我刚刚找到了这段代码，它使用“单击”方法，是否有任何方法可以在选项卡上实现“悬停/鼠标悬停”？我认为他们正在使用jQueryawesome！-多棒的一颗星啊：D非常感谢你。那么我该如何继续添加另外两个标签呢？由于某些原因，它不起作用：/应该以同样的方式工作，您的css中可能有错误的地方，您有更新的小提琴吗？我可以稍后再看

$('.tabbox').on('mouseenter', function(){
   $('.tabbox').removeClass('active');
    $(this).addClass('active');
});

$('.tabbox').on('mouseenter', function(){

$('.tabbox').removeClass('active');
$(this).addClass('active');