【月满花潮庆华诞】今日霜降
本帖最后由 梦江南 于 2025-10-23 07:07 编辑 <br /><br /> <style>#myblk {
margin: 30px auto;
padding: 20px 10px;
width: 740px;
min-height: 400px;
border: 1px solid var(--fColor);
color: var(--fColor);
background: var(--bgMain);
position: relative;
/* 移除pointer-events: none，否则无法点击播放器 */
--bgMain: linear-gradient(snow, SkyBlue, snow);
--bgTitle: SkyBlue;
--fColor: black;
}
.ptxt {
font: bold 20px 楷体;
text-indent: 2em;
line-height: 1.8em;
letter-spacing: 4px;
}
.ptitle {
color: brown;
font: bold 24px 微软雅黑;
text-align: center;
margin-bottom: 24px;
}
/* 图片居中样式 */
.img-center {
display: block; /* 让图片成为块级元素，方便居中 */
margin: 10px auto; /* 水平居中，上下留10px间距 */
width: 585px;
height: auto;
}
/* 右下角文字样式 */
.txtRight {
text-align: right;
margin: 20px 20px 10px 0; /* 右对齐并留间距 */
}
/* 播放器样式（固定在底部） */
#audio-container {
text-align: center; /* 播放器居中 */
margin-top: 20px; /* 与上方内容留间距 */
padding: 10px 0;
}
</style>
<div id="myblk">
<p class="ptitle">2025 年 10 月 23 日是霜降节气</p>
<!-- 图片放在标题下方，使用居中样式 -->
<img src="https://s21.ax1x.com/2025/10/22/pVO4aNR.jpg" class="img-center" alt="霜降相关图片">
<p class="ptxt">1. 2025 年 10 月 23 日是霜降节气，它是二十四节气中的第十八个节气，也是秋季的最后一个节气，具有重要的意义。以下是其具体意义：</p>
<p class="ptxt">2. 霜降意味着天气渐冷，初霜开始降临。此时昼夜温差显著增大，白天可能仍较温暖，但夜间会变得非常寒冷，甚至地面气温可降至 0℃以下，空气中的水汽会在地面或植物上凝结成细微的冰针或霜花。</p>
<p class="ptxt">3. 霜降有三候，“一候豺乃祭兽”，指此时豺狼开始捕猎，将先捕之物祭兽，以此敬天报本；“二候草木黄落”，秋风萧瑟，草木枯槁，树叶凋落；“三候蜇虫咸俯”，很多动物开始蜷缩在巢穴里，一动不动，停止进食，进入冬眠状态。</p>
<p class="ptxt">4. 霜降时节，北方大部分地区已在秋收扫尾，南方则正值 “三秋” 繁忙时节，单季杂交稻与晚稻正在收割，同时要种植早茬麦、栽早茬油菜等。对于农作物来说，此时华北地区大白菜丰收在即，需加强后续管理；长江中下游及以南地区需抓紧对冬小麦和油菜进行间苗、定苗；大棚蔬菜等喜温作物要加强保温防寒，耐寒蔬菜则应加强浇水与防虫管理。</p>
<p class="ptxt">5. 霜降时节有许多民俗活动，如赏菊，此时菊花盛放，许多地方会举办菊花会；还有登高远眺，既可使肺的功能得到舒畅，又可舒缓心情；此外，民间还有 “补冬不如补霜降” 的说法，霜降时节人们会通过食用羊肉、鸭肉、柿子等食物来进补。</p>
<p class="txtRight">制作于<br>2025年10月22日</p>
<!-- 播放器放在最底部，用容器包裹便于样式控制 -->
<div id="audio-container">
<audio id="aud" src="https://music.163.com/song/media/outer/url?id=27965198.mp3" autoplay loop controls>
您的浏览器不支持音频播放
</audio>
</div>
</div>
<script>
(function () {
const aud = document.getElementById('aud');
const mydiv = document.getElementById('myblk');
// 修正变量名和逻辑（原代码中--state未使用，此处保留交互逻辑）
let mState = () => {
mydiv.style.setProperty('--state', aud.paused ? 'paused' : 'running');
};
aud.addEventListener('play', mState, false);
aud.addEventListener('pause', mState, false);
// 点击容器控制播放/暂停
mydiv.onclick = () => {
if (aud.paused) {
aud.play();
} else {
aud.pause();
}
};
})();
</script> 谢谢你的详尽介绍，天气渐冷请你注意保暖，别感冒。 梦油 发表于 2025-10-23 09:33
谢谢你的详尽介绍，天气渐冷请你注意保暖，别感冒。
问好梦油，谢谢你的提醒。互相保重。
页:
[1]