Question

我正在website中工作，我想在其中启用页面加载时悬停。

我用于标签的HTML代码是：

throw err;

我用来启用伦敦选项卡内容的CSS代码是：

<div class="tab">
  <button class="tablinks" onclick="openCity(event, 'London')">London</button>
  <button class="tablinks" onclick="openCity(event, 'Paris')">Paris</button>
  <button class="tablinks" onclick="openCity(event, 'Tokyo')">Tokyo</button>
</div>

问题陈述：

我想知道我应该在fiddle中进行哪些更改，以使页面加载“伦敦”标签始终启用悬停即可。内容部分已启用，我现在只想使用悬停启用选项卡。

Answer 1

在脚本中添加以下内容：

var $activeTab = document.querySelector('.tablinks:first-child');
$activeTab.classList.toggle('active');

如何在CSS中的页面加载上启用悬停选项卡？

1 个答案: