Files
sechskies/variety/variety-shows.html
T

452 lines
19 KiB
HTML
Raw Normal View History

2026-05-17 02:34:42 +08:00
<!DOCTYPE html>
<html lang="zh-TW">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
2026-05-17 02:58:17 +08:00
<title>水晶男孩|全員發瘋</title>
2026-05-17 02:34:42 +08:00
<link rel="stylesheet" href="../assets/css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<link rel="stylesheet" href="../assets/css/tablet.css">
2026-05-17 02:42:59 +08:00
<style>
/* 本頁專用:綜藝出演總表(維基式表格) */
body.variety-shows-page .variety-shows-main {
padding-bottom: 48px;
}
2026-05-17 02:53:45 +08:00
body.variety-shows-page .search-section {
display: flex;
justify-content: center;
width: 100%;
margin: 0 0 1.25rem;
position: relative;
z-index: 1;
2026-05-17 02:42:59 +08:00
}
2026-05-17 02:53:45 +08:00
body.variety-shows-page .search-input {
width: min(100%, 400px);
padding: 12px 25px;
border: 2px solid #ddd;
border-radius: 30px;
font-size: 1rem;
outline: none;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.3s ease;
background-color: #fff;
color: #333;
box-sizing: border-box;
2026-05-17 02:42:59 +08:00
}
2026-05-17 02:53:45 +08:00
body.variety-shows-page .search-input:hover {
border-color: #bbb;
}
body.variety-shows-page .search-input:focus {
border-color: #ffcc00;
box-shadow: 0 4px 15px rgba(255, 204, 0, 0.25);
transform: translateY(-2px);
2026-05-17 02:42:59 +08:00
}
body.variety-shows-page .variety-wiki-table-wrap {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border-radius: 4px;
border-top: 4px solid var(--primary);
background: #fff;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.06);
}
body.variety-shows-page .variety-wiki-table {
width: 100%;
min-width: 640px;
margin: 0;
border-collapse: collapse;
border-radius: 0;
box-shadow: none;
background: #fff;
font-size: 0.875rem;
line-height: 1.45;
}
body.variety-shows-page .variety-wiki-table thead th {
background: #fff9e0;
color: #303030;
font-weight: 700;
padding: 10px 8px;
border: 1px solid #d8d8d8;
text-align: center;
vertical-align: middle;
white-space: nowrap;
}
body.variety-shows-page .variety-wiki-table tbody td {
padding: 8px 10px;
border: 1px solid #d8d8d8;
text-align: center;
vertical-align: middle;
color: #303030;
}
body.variety-shows-page .variety-wiki-table tbody tr:nth-child(even) td {
background: #fafafa;
}
body.variety-shows-page .variety-wiki-table .variety-wiki-table__program {
font-weight: 600;
}
body.variety-shows-page .variety-wiki-table a {
color: #0645ad;
text-decoration: none;
}
body.variety-shows-page .variety-wiki-table a:hover,
body.variety-shows-page .variety-wiki-table a:focus-visible {
text-decoration: underline;
}
body.variety-shows-page .variety-wiki-table a.variety-wiki-table__link--site {
color: #5a4a12;
font-weight: 600;
}
body.variety-shows-page .variety-shows-note {
margin-top: 0.75rem;
font-size: 0.82rem;
color: #6a6a6a;
text-align: left;
line-height: 1.6;
}
2026-05-17 03:15:37 +08:00
body.variety-shows-page .variety-shows-tabs {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 10px;
margin: 0 0 1.25rem;
2026-05-17 02:58:17 +08:00
}
2026-05-17 03:15:37 +08:00
body.variety-shows-page .variety-shows-table-slot {
2026-05-17 02:58:17 +08:00
margin-top: 0;
}
2026-05-17 03:15:37 +08:00
body.variety-shows-page .variety-shows-table-slot+.variety-shows-table-slot {
margin-top: 1.5rem;
2026-05-17 02:58:17 +08:00
}
2026-05-17 03:15:37 +08:00
body.variety-shows-page .variety-shows-table-slot[hidden] {
display: none;
2026-05-17 02:58:17 +08:00
}
2026-05-17 02:42:59 +08:00
body.variety-shows-page .variety-shows-back {
display: inline-flex;
align-items: center;
gap: 0.35rem;
margin-top: 1.5rem;
font-weight: 600;
color: #5a4a12;
}
@media (max-width: 720px) {
body.variety-shows-page .variety-wiki-table {
font-size: 0.8rem;
}
body.variety-shows-page .variety-wiki-table thead th,
body.variety-shows-page .variety-wiki-table tbody td {
padding: 7px 6px;
}
}
</style>
2026-05-17 02:34:42 +08:00
</head>
<body class="chronicle-page variety-shows-page">
<header class="map-archive-header">
<div class="header-inner site-header-inner">
2026-05-17 02:58:17 +08:00
<h1 class="main-title">全員發瘋</h1>
2026-05-17 02:34:42 +08:00
<div class="subtitle-wrap">
2026-05-17 02:58:17 +08:00
<span class="sub-title">VARIETY · ALL OUT</span>
2026-05-17 02:34:42 +08:00
</div>
</div>
</header>
<nav class="portal-nav" aria-label="水晶男孩推廣部導覽" data-portal-nav></nav>
<canvas id="particles"></canvas>
<main class="content-container variety-page-main variety-shows-main chronicle-reader">
<section id="variety-shows" class="variety-block" aria-labelledby="variety-shows-title">
2026-05-17 02:58:17 +08:00
<h2 class="section-title" id="variety-shows-title">全員發瘋</h2>
2026-05-17 03:00:54 +08:00
<div class="search-section">
<input type="search" id="variety-shows-search" class="search-input" placeholder="搜尋成員或節目…"
autocomplete="off" aria-label="搜尋成員或節目">
</div>
2026-05-17 02:58:17 +08:00
2026-05-17 03:15:37 +08:00
<div class="variety-shows-tabs" role="tablist" aria-label="綜藝分類">
<button type="button" class="tab-btn active" role="tab" id="variety-tab-all" data-tab="all"
aria-selected="true" aria-controls="variety-shows-panels">全員發瘋</button>
<button type="button" class="tab-btn" role="tab" id="variety-tab-captain" data-tab="captain"
aria-selected="false" aria-controls="variety-shows-panels">隊長帶弟弟</button>
<button type="button" class="tab-btn" role="tab" id="variety-tab-solo" data-tab="solo"
aria-selected="false" aria-controls="variety-shows-panels">各自暴走</button>
</div>
<div id="variety-shows-panels" class="variety-shows-panels">
<div class="variety-shows-table-slot" id="captain-brothers" data-show-tabs="all captain">
2026-05-17 02:58:17 +08:00
<div class="variety-wiki-table-wrap">
<table class="variety-wiki-table" id="variety-captain-table">
2026-05-17 02:34:42 +08:00
<thead>
<tr>
<th scope="col">播出日期</th>
<th scope="col">頻道</th>
<th scope="col">節目名稱</th>
<th scope="col">出演成員</th>
<th scope="col">集數</th>
</tr>
</thead>
<tbody>
<tr>
<td>2016年4月22日-6月17日</td>
<td rowspan="2">tvN</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">新西遊記2</td>
2026-05-17 02:34:42 +08:00
<td>殷志源</td>
2026-05-17 03:19:17 +08:00
<td>0109</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2016年4月27日-6月22日</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">Let's GO 時間探險隊3</td>
2026-05-17 02:34:42 +08:00
<td>張水院</td>
2026-05-17 03:19:17 +08:00
<td>0109</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2016年5月4日-7月20日</td>
<td>K-Star</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">真實的帥氣的</td>
2026-05-17 02:34:42 +08:00
<td></td>
2026-05-17 03:19:17 +08:00
<td>0112</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2016年6月5日-8月21日</td>
<td>JTBC</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">天下壯士</td>
2026-05-17 02:34:42 +08:00
<td>殷志源</td>
2026-05-17 03:19:17 +08:00
<td>0112</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2016年9月5日-11月21日</td>
<td>SBS</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">花樣旅行</td>
2026-05-17 02:34:42 +08:00
<td>殷志源、李宰鎮</td>
2026-05-17 03:19:17 +08:00
<td>0112</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2016年10月12日-10月21日</td>
<td>JTBC</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">本月的活動王</td>
2026-05-17 02:34:42 +08:00
<td>張水院</td>
2026-05-17 03:19:17 +08:00
<td>0102</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2017年1月1日-2019年6月2日</td>
<td>KBS2</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">超人回來了</td>
2026-05-17 02:34:42 +08:00
<td>高志鎔</td>
2026-05-17 03:19:17 +08:00
<td>163280</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2017年1月8日-3月12日</td>
<td rowspan="3">tvN</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">新西遊記3</td>
2026-05-17 02:34:42 +08:00
<td rowspan="3">殷志源</td>
2026-05-17 03:19:17 +08:00
<td>0109+導演版</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2017年6月13日-8月22日</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">新西遊記4</td>
2026-05-17 03:19:17 +08:00
<td>0110+導演版</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2017年12月5日-2018年1月9日</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">姜食堂</td>
2026-05-17 03:19:17 +08:00
<td>0105+導演版</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2018年5月5日-10月27日</td>
<td>MBC</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">意外的Q</td>
2026-05-17 02:34:42 +08:00
<td></td>
2026-05-17 03:19:17 +08:00
<td>0125</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2018年9月30日-10月28日</td>
<td rowspan="2">tvN</td>
<td class="variety-wiki-table__program"><a class="variety-wiki-table__link--site"
2026-05-17 03:17:55 +08:00
href="NJTW/NJTW5.html">新西遊記5</a></td>
2026-05-17 02:34:42 +08:00
<td rowspan="2">殷志源</td>
2026-05-17 03:19:17 +08:00
<td>0105</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2018年10月28日-12月2日</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">新西遊記6</td>
2026-05-17 03:19:17 +08:00
<td>0005+導演版</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2019年10月25日-2020年1月3日</td>
<td>tvN</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">新西遊記7</td>
2026-05-17 02:34:42 +08:00
<td>殷志源</td>
2026-05-17 03:19:17 +08:00
<td>0111</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2019年5月31日-7月5日</td>
<td>tvN</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">姜食堂2</td>
2026-05-17 02:34:42 +08:00
<td>殷志源</td>
2026-05-17 03:19:17 +08:00
<td>0106</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2019年6月8日-8月17日</td>
<td>tvN</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">高校供餐王</td>
2026-05-17 02:34:42 +08:00
<td>殷志源</td>
2026-05-17 03:19:17 +08:00
<td>0111</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2019年7月5日-8月2日</td>
<td>tvN</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">姜食堂3</td>
2026-05-17 02:34:42 +08:00
<td>殷志源</td>
2026-05-17 03:19:17 +08:00
<td>0004</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2019年9月20日-11月22日</td>
<td>tvN</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">去冰島的三餐</td>
2026-05-17 02:34:42 +08:00
<td>殷志源</td>
2026-05-17 03:19:17 +08:00
<td>0110</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2020年1月10日-3月27日</td>
<td>tvN</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">星期五星期五晚上</td>
2026-05-17 02:34:42 +08:00
<td>殷志源</td>
2026-05-17 03:19:17 +08:00
<td>0110+導演版</td>
2026-05-17 02:34:42 +08:00
</tr>
<tr>
<td>2020年10月9日-12月18日</td>
<td>tvN</td>
2026-05-17 03:17:55 +08:00
<td class="variety-wiki-table__program">新西遊記8</td>
2026-05-17 02:34:42 +08:00
<td>殷志源</td>
2026-05-17 03:19:17 +08:00
<td>0110+導演版</td>
2026-05-17 02:34:42 +08:00
</tr>
</tbody>
</table>
</div>
2026-05-17 03:15:37 +08:00
</div>
2026-05-17 02:58:17 +08:00
2026-05-17 03:15:37 +08:00
<div class="variety-shows-table-slot" id="each-rampage" data-show-tabs="all solo">
2026-05-17 02:58:17 +08:00
<div class="variety-wiki-table-wrap">
<table class="variety-wiki-table" id="variety-solo-table">
<thead>
<tr>
<th scope="col">播出日期</th>
<th scope="col">頻道</th>
<th scope="col">節目名稱</th>
<th scope="col">出演成員</th>
<th scope="col">集數</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="5">陸續補上;站內專頁例:<a class="variety-wiki-table__link--site"
2026-05-17 03:17:55 +08:00
href="NJTW/NJTW5.html">新西遊記5</a></td>
2026-05-17 02:58:17 +08:00
</tr>
</tbody>
</table>
</div>
2026-05-17 03:15:37 +08:00
</div>
</div>
2026-05-17 02:34:42 +08:00
<a class="variety-shows-back" href="variety.html#variety"><i class="fa-solid fa-arrow-left"
aria-hidden="true"></i> 返回瘋子與天才</a>
</section>
</main>
<footer>
<p>SECHSKIES Fanpage &copy; 2026 - 黃色氣球永遠飄揚</p>
<a href="https://jekkinoopy.github.io/Portfolio/" class="studio-link" target="_blank" rel="noopener noreferrer">
Design by <span class="mark_b">Jekkinoopy Studio</span>
</a>
</footer>
<script src="../assets/js/portal-nav.js"></script>
<script src="../assets/js/particles.js"></script>
2026-05-17 02:53:45 +08:00
<script>
(function () {
2026-05-17 03:15:37 +08:00
const tabBtns = document.querySelectorAll(".variety-shows-tabs .tab-btn");
const slots = document.querySelectorAll(".variety-shows-table-slot");
2026-05-17 03:00:54 +08:00
const input = document.getElementById("variety-shows-search");
2026-05-17 03:15:37 +08:00
const hashToTab = {
"captain-brothers": "captain",
"each-rampage": "solo",
};
function tabFromHash() {
const id = (location.hash || "").replace(/^#/, "");
return hashToTab[id] || "all";
}
function filterVisibleRows() {
const q = (input && input.value.trim().toLowerCase()) || "";
slots.forEach((slot) => {
if (slot.hidden) return;
slot.querySelectorAll("tbody tr").forEach((row) => {
const text = row.textContent.replace(/\s+/g, " ").trim().toLowerCase();
row.hidden = Boolean(q) && !text.includes(q);
});
});
}
function showTab(tab) {
tabBtns.forEach((btn) => {
const on = btn.dataset.tab === tab;
btn.classList.toggle("active", on);
btn.setAttribute("aria-selected", on ? "true" : "false");
});
slots.forEach((slot) => {
const keys = (slot.dataset.showTabs || "").split(/\s+/);
slot.hidden = !keys.includes(tab);
});
filterVisibleRows();
}
tabBtns.forEach((btn) => {
btn.addEventListener("click", () => {
const tab = btn.dataset.tab;
showTab(tab);
const hash =
tab === "captain"
? "#captain-brothers"
: tab === "solo"
? "#each-rampage"
: "";
history.replaceState(
null,
"",
hash || location.pathname + location.search
);
2026-05-17 02:53:45 +08:00
});
2026-05-17 03:00:54 +08:00
});
2026-05-17 03:15:37 +08:00
if (input) {
input.addEventListener("input", filterVisibleRows);
}
window.addEventListener("hashchange", () => showTab(tabFromHash()));
showTab(tabFromHash());
2026-05-17 02:53:45 +08:00
})();
</script>
2026-05-17 02:34:42 +08:00
</body>
</html>