<title>百鸟朝凤1970</title>
<style>
:root {
--bg: #fdf6e3;
--text: #2d2d2d;
--accent: #b58900;
--shadow: rgba(0, 0, 0, .2);
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
background: var(--bg);
color: var(--text);
overflow: hidden;
}
section {
width: 100vw;
height: 100vh;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10vmin;
text-align: center;
display: none;
}
section.active {
display: flex;
}
h1 {
font-size: 8vmin;
margin-bottom: 2vmin;
letter-spacing: .1em;
}
h2 {
font-size: 5vmin;
margin-bottom: 3vmin;
color: var(--accent);
}
p {
font-size: 3.5vmin;
line-height: 1.8;
max-width: 80vmin;
}
.small {
font-size: 2.5vmin;
margin-top: 4vmin;
opacity: .7;
}
nav {
position: fixed;
bottom: 3vmin;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 2vmin;
z-index: 10;
}
button {
padding: 1.5vmin 3vmin;
font-size: 2.5vmin;
border: none;
background: var(--accent);
color: #fff;
border-radius: 2vmin;
cursor: pointer;
box-shadow: 0 .5vmin 1vmin var(--shadow);
}
button:disabled {
background: #ccc;
cursor: not-allowed;
}
@media (max-width: 600px) {
h1 {
font-size: 10vmin;
}
p {
font-size: 4.5vmin;
}
}
/* Background image for the first slide */
.slide1 {
background: url("https://images.unsplash.com/photo-1500336624523-d727130c3328?auto=format&fit=crop&w=1350&q=80") no-repeat center center/cover;
color: #fff;
text-shadow: 0 2px 8px rgba(0, 0, 0, .6);
}
</style>
上一页
下一页
<script>
const slides = document.querySelectorAll('section');
let current = 0;
function showSlide(index) {
slides.forEach(s => s.classList.remove('active'));
slides[index].classList.add('active');
document.getElementById('prevBtn').disabled = index === 0;
document.getElementById('nextBtn').disabled = index === slides.length - 1;
}
function changeSlide(direction) {
current += direction;
if (current < 0) current = 0;
if (current >= slides.length) current = slides.length - 1;
showSlide(current);
}
document.addEventListener('keydown', e => {
if (e.key === 'ArrowLeft') changeSlide(-1);
if (e.key === 'ArrowRight') changeSlide(1);
});
showSlide(current);
</script>
百鸟朝凤
十八岁的青春心事
1970年邵氏电影《那个不多情》插曲
复古港风 · 幻灯片
基本信息
歌名：百鸟朝凤
演唱：蓓蕾、徐玉
作曲：严华
年代：1970年
风格：港式小调、轻快俏皮
歌词节选
十八岁生日在今朝，
珍珠的心里太奇妙，
一会儿自己偷偷笑，
一会儿对我大声叫。
歌词故事
珍珠的十八岁，在烦恼什么？
春心萌动、情绪起伏；
朋友的“瞎胡闹”与理想的“真情”；
读书 vs 恋爱的青春抉择。
时代背景
1970年代香港流行文化
邵氏电影与歌舞插曲的黄金时代
少女形象：天真、俏皮、带点叛逆
现代重生
法国音乐人 Onra 采样《百鸟朝凤》
创作出热门单曲《The Anthem》
让“十八岁生日在今朝”再次翻红
总结
它唱出了每一个十八岁少女的
“心里一团乱糟糟”
用幽默的方式，讲出了成长的烦恼
穿越时代，依然让人会心一笑
谢谢观看
彩蛋：去音乐平台搜索
《百鸟朝凤》原版 & Onra《The Anthem》
感受跨越 50 年的采样魔力