2026年冬季新番/PV导视(生肉版):修订间差异
外观
无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
__TOC__ | |||
以下为本季度番剧的 PV | = 2026年冬季新番 · PV 导视(方案:左侧卡片 + 右侧播放器) = | ||
以下为本季度番剧的 PV 列表。点击左侧任意卡片,将在右侧播放器自动播放。 | |||
== PV 列表 == | |||
<div class="pv-layout"> | <div class="pv-layout"> | ||
| 第42行: | 第43行: | ||
</div> | </div> | ||
== 页面样式(CSS) == | |||
<style> | <style> | ||
.pv-layout { | .pv-layout { | ||
| 第85行: | 第86行: | ||
== 页面脚本(JS) == | |||
<script> | <script> | ||
function switchPV(videoId) { | function switchPV(videoId) { | ||
| 第94行: | 第94行: | ||
'{{#ev:youtube|' + videoId + '|width=960|alignment=center}}'; | '{{#ev:youtube|' + videoId + '|width=960|alignment=center}}'; | ||
// | // 自动滚动到播放器 | ||
document.querySelector(".pv-right").scrollIntoView({ | document.querySelector(".pv-right").scrollIntoView({ | ||
behavior: "smooth", | behavior: "smooth", | ||
2025年11月22日 (六) 12:23的版本
2026年冬季新番 · PV 导视(方案:左侧卡片 + 右侧播放器)
以下为本季度番剧的 PV 列表。点击左侧任意卡片,将在右侧播放器自动播放。
PV 列表
<img src="https://img.youtube.com/vi/k1G8EvZg_BY/hqdefault.jpg">
Fate/strange Fake | 第1弾PV
<img src="https://img.youtube.com/vi/MwP4gqRys4c/hqdefault.jpg">
葬送的芙莉莲 第2期 | PV第2弾
<img src="https://img.youtube.com/vi/JDltDG8n7Do/hqdefault.jpg">
咒术回战 死灭回游 前篇 | 第1弾PV
<img src="https://img.youtube.com/vi/5QUyhQsXXtw/hqdefault.jpg">
地狱乐 第2期 | 第1弾PV
{{#ev:youtube|k1G8EvZg_BY|width=960|alignment=center}}
页面样式(CSS)
<style> .pv-layout {
display: flex; gap: 32px; margin: 20px 0;
} .pv-left {
width: 340px; display: flex; flex-direction: column; gap: 20px;
} .pv-item {
cursor: pointer; background: #fff; border-radius: 14px; padding: 10px; box-shadow: 0 4px 16px rgba(0,0,0,0.1); transition: .2s;
} .pv-item:hover {
transform: translateY(-4px); box-shadow: 0 10px 26px rgba(0,0,0,.18);
} .pv-item img {
width: 100%; border-radius: 10px;
} .pv-title {
margin-top: 6px; font-size: 15px; font-weight: bold;
} .pv-right {
flex: 1; min-width: 600px;
} </style>
页面脚本(JS)
<script> function switchPV(videoId) {
var box = document.getElementById("pv-player-box");
box.innerHTML =
'{{#ev:youtube|' + videoId + '|width=960|alignment=center}}';
// 自动滚动到播放器
document.querySelector(".pv-right").scrollIntoView({
behavior: "smooth",
block: "start"
});
} </script>