Skip to content

Commit

Permalink
优化tab切换逻辑
Browse files Browse the repository at this point in the history
  • Loading branch information
@L-M-Sherlock
L-M-Sherlock committed Nov 29, 2024
1 parent d4cd655 commit c4f368f
Show file tree
Hide file tree
Showing 30 changed files with 240 additions and 300 deletions.
18 changes: 8 additions & 10 deletions docs/Deceiver-Kil.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,14 @@
</style>
<script>
function openTab(evt, tabName) {
var tabContents = document.getElementsByClassName("tab-content");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove("active");
}
var tabButtons = document.getElementsByClassName("tab-button");
for (var i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
const activeTab = document.querySelector('.tab-content.active');
const activeButton = document.querySelector('.tab-button.active');

if (activeTab) activeTab.classList.remove('active');
if (activeButton) activeButton.classList.remove('active');

document.getElementById(tabName).classList.add('active');
evt.currentTarget.classList.add('active');
}

function toggleDomain() {
Expand Down
18 changes: 8 additions & 10 deletions docs/Himself65.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,14 @@
</style>
<script>
function openTab(evt, tabName) {
var tabContents = document.getElementsByClassName("tab-content");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove("active");
}
var tabButtons = document.getElementsByClassName("tab-button");
for (var i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
const activeTab = document.querySelector('.tab-content.active');
const activeButton = document.querySelector('.tab-button.active');

if (activeTab) activeTab.classList.remove('active');
if (activeButton) activeButton.classList.remove('active');

document.getElementById(tabName).classList.add('active');
evt.currentTarget.classList.add('active');
}

function toggleDomain() {
Expand Down
18 changes: 8 additions & 10 deletions docs/Sicherchen.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,14 @@
</style>
<script>
function openTab(evt, tabName) {
var tabContents = document.getElementsByClassName("tab-content");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove("active");
}
var tabButtons = document.getElementsByClassName("tab-button");
for (var i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
const activeTab = document.querySelector('.tab-content.active');
const activeButton = document.querySelector('.tab-button.active');

if (activeTab) activeTab.classList.remove('active');
if (activeButton) activeButton.classList.remove('active');

document.getElementById(tabName).classList.add('active');
evt.currentTarget.classList.add('active');
}

function toggleDomain() {
Expand Down
18 changes: 8 additions & 10 deletions docs/an-guo-da-jiang-jun.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,14 @@
</style>
<script>
function openTab(evt, tabName) {
var tabContents = document.getElementsByClassName("tab-content");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove("active");
}
var tabButtons = document.getElementsByClassName("tab-button");
for (var i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
const activeTab = document.querySelector('.tab-content.active');
const activeButton = document.querySelector('.tab-button.active');

if (activeTab) activeTab.classList.remove('active');
if (activeButton) activeButton.classList.remove('active');

document.getElementById(tabName).classList.add('active');
evt.currentTarget.classList.add('active');
}

function toggleDomain() {
Expand Down
18 changes: 8 additions & 10 deletions docs/dang.xinran.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,14 @@
</style>
<script>
function openTab(evt, tabName) {
var tabContents = document.getElementsByClassName("tab-content");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove("active");
}
var tabButtons = document.getElementsByClassName("tab-button");
for (var i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
const activeTab = document.querySelector('.tab-content.active');
const activeButton = document.querySelector('.tab-button.active');

if (activeTab) activeTab.classList.remove('active');
if (activeButton) activeButton.classList.remove('active');

document.getElementById(tabName).classList.add('active');
evt.currentTarget.classList.add('active');
}

function toggleDomain() {
Expand Down
18 changes: 8 additions & 10 deletions docs/dantes-15.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,14 @@
</style>
<script>
function openTab(evt, tabName) {
var tabContents = document.getElementsByClassName("tab-content");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove("active");
}
var tabButtons = document.getElementsByClassName("tab-button");
for (var i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
const activeTab = document.querySelector('.tab-content.active');
const activeButton = document.querySelector('.tab-button.active');

if (activeTab) activeTab.classList.remove('active');
if (activeButton) activeButton.classList.remove('active');

document.getElementById(tabName).classList.add('active');
evt.currentTarget.classList.add('active');
}

function toggleDomain() {
Expand Down
18 changes: 8 additions & 10 deletions docs/deng-bo-yun.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,14 @@
</style>
<script>
function openTab(evt, tabName) {
var tabContents = document.getElementsByClassName("tab-content");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove("active");
}
var tabButtons = document.getElementsByClassName("tab-button");
for (var i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
const activeTab = document.querySelector('.tab-content.active');
const activeButton = document.querySelector('.tab-button.active');

if (activeTab) activeTab.classList.remove('active');
if (activeButton) activeButton.classList.remove('active');

document.getElementById(tabName).classList.add('active');
evt.currentTarget.classList.add('active');
}

function toggleDomain() {
Expand Down
18 changes: 8 additions & 10 deletions docs/excalibur-11-11.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,14 @@
</style>
<script>
function openTab(evt, tabName) {
var tabContents = document.getElementsByClassName("tab-content");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove("active");
}
var tabButtons = document.getElementsByClassName("tab-button");
for (var i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
const activeTab = document.querySelector('.tab-content.active');
const activeButton = document.querySelector('.tab-button.active');

if (activeTab) activeTab.classList.remove('active');
if (activeButton) activeButton.classList.remove('active');

document.getElementById(tabName).classList.add('active');
evt.currentTarget.classList.add('active');
}

function toggleDomain() {
Expand Down
18 changes: 8 additions & 10 deletions docs/fang-liang-0423.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,14 @@
</style>
<script>
function openTab(evt, tabName) {
var tabContents = document.getElementsByClassName("tab-content");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove("active");
}
var tabButtons = document.getElementsByClassName("tab-button");
for (var i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
const activeTab = document.querySelector('.tab-content.active');
const activeButton = document.querySelector('.tab-button.active');

if (activeTab) activeTab.classList.remove('active');
if (activeButton) activeButton.classList.remove('active');

document.getElementById(tabName).classList.add('active');
evt.currentTarget.classList.add('active');
}

function toggleDomain() {
Expand Down
18 changes: 8 additions & 10 deletions docs/fangkc.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,14 @@
</style>
<script>
function openTab(evt, tabName) {
var tabContents = document.getElementsByClassName("tab-content");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove("active");
}
var tabButtons = document.getElementsByClassName("tab-button");
for (var i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
const activeTab = document.querySelector('.tab-content.active');
const activeButton = document.querySelector('.tab-button.active');

if (activeTab) activeTab.classList.remove('active');
if (activeButton) activeButton.classList.remove('active');

document.getElementById(tabName).classList.add('active');
evt.currentTarget.classList.add('active');
}

function toggleDomain() {
Expand Down
18 changes: 8 additions & 10 deletions docs/gmqsunliancheng.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,14 @@
</style>
<script>
function openTab(evt, tabName) {
var tabContents = document.getElementsByClassName("tab-content");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove("active");
}
var tabButtons = document.getElementsByClassName("tab-button");
for (var i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
const activeTab = document.querySelector('.tab-content.active');
const activeButton = document.querySelector('.tab-button.active');

if (activeTab) activeTab.classList.remove('active');
if (activeButton) activeButton.classList.remove('active');

document.getElementById(tabName).classList.add('active');
evt.currentTarget.classList.add('active');
}

function toggleDomain() {
Expand Down
18 changes: 8 additions & 10 deletions docs/gong-ke-75.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,14 @@
</style>
<script>
function openTab(evt, tabName) {
var tabContents = document.getElementsByClassName("tab-content");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove("active");
}
var tabButtons = document.getElementsByClassName("tab-button");
for (var i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
const activeTab = document.querySelector('.tab-content.active');
const activeButton = document.querySelector('.tab-button.active');

if (activeTab) activeTab.classList.remove('active');
if (activeButton) activeButton.classList.remove('active');

document.getElementById(tabName).classList.add('active');
evt.currentTarget.classList.add('active');
}

function toggleDomain() {
Expand Down
18 changes: 8 additions & 10 deletions docs/hun-luan-feng-bao-33.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,14 @@
</style>
<script>
function openTab(evt, tabName) {
var tabContents = document.getElementsByClassName("tab-content");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove("active");
}
var tabButtons = document.getElementsByClassName("tab-button");
for (var i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
const activeTab = document.querySelector('.tab-content.active');
const activeButton = document.querySelector('.tab-button.active');

if (activeTab) activeTab.classList.remove('active');
if (activeButton) activeButton.classList.remove('active');

document.getElementById(tabName).classList.add('active');
evt.currentTarget.classList.add('active');
}

function toggleDomain() {
Expand Down
18 changes: 8 additions & 10 deletions docs/huo-hua-de-41.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,14 @@
</style>
<script>
function openTab(evt, tabName) {
var tabContents = document.getElementsByClassName("tab-content");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove("active");
}
var tabButtons = document.getElementsByClassName("tab-button");
for (var i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
const activeTab = document.querySelector('.tab-content.active');
const activeButton = document.querySelector('.tab-button.active');

if (activeTab) activeTab.classList.remove('active');
if (activeButton) activeButton.classList.remove('active');

document.getElementById(tabName).classList.add('active');
evt.currentTarget.classList.add('active');
}

function toggleDomain() {
Expand Down
18 changes: 8 additions & 10 deletions docs/li-yin-61-82.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,14 @@
</style>
<script>
function openTab(evt, tabName) {
var tabContents = document.getElementsByClassName("tab-content");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove("active");
}
var tabButtons = document.getElementsByClassName("tab-button");
for (var i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
const activeTab = document.querySelector('.tab-content.active');
const activeButton = document.querySelector('.tab-button.active');

if (activeTab) activeTab.classList.remove('active');
if (activeButton) activeButton.classList.remove('active');

document.getElementById(tabName).classList.add('active');
evt.currentTarget.classList.add('active');
}

function toggleDomain() {
Expand Down
18 changes: 8 additions & 10 deletions docs/liu-jin-ze-71-59.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -62,16 +62,14 @@
</style>
<script>
function openTab(evt, tabName) {
var tabContents = document.getElementsByClassName("tab-content");
for (var i = 0; i < tabContents.length; i++) {
tabContents[i].classList.remove("active");
}
var tabButtons = document.getElementsByClassName("tab-button");
for (var i = 0; i < tabButtons.length; i++) {
tabButtons[i].classList.remove("active");
}
document.getElementById(tabName).classList.add("active");
evt.currentTarget.classList.add("active");
const activeTab = document.querySelector('.tab-content.active');
const activeButton = document.querySelector('.tab-button.active');

if (activeTab) activeTab.classList.remove('active');
if (activeButton) activeButton.classList.remove('active');

document.getElementById(tabName).classList.add('active');
evt.currentTarget.classList.add('active');
}

function toggleDomain() {
Expand Down
Loading

0 comments on commit c4f368f

Please sign in to comment.