冬至
<meta name="referrer" content="never" />
<style>
@import url(https://file.uhsea.com/2403/f45f79bba93cd62f8603eae6fa88eb78YS.css);
:root {--rState:running;--w:600px;--h:800px;}
#oBlk {
width:680px;height:800px;margin:80px auto;
display: grid;background-color:hsl(240, 35%, 95%);
place-items:center;position:relative;
grid-template-rows:100%;
grid-template-columns:80px 600px;
box-shadow:3px 3px 8px darkgray;
overflow:hidden;border-radius:24px;
padding:12px;font-size:14px;
}
#rCell {
width:var(--w);
height:var(--h);
overflow:hidden;
position:relative;
}
#pichold {
width:calc(9 * var(--w));
height:var(--h);
position:absolute;
left:0px;
z-index:8;
animation: mleft 40s steps(9) infinite var(--rState);
}
#pichold img {width:var(--w);height:var(--h);float:left;}
#pichold:hover {animation-play-state: paused;cursor:pointer;}
@keyframes mleft {to {left:calc(-9 * var(--w));}}
/** 不满意一般设置也可以调整下 */
.lrcShow {
font: normal 2.5em 楷体;
pointer-events:none;width:1.5em;height:80%;
filter: drop-shadow(1px 0px 0px white) drop-shadow(-1px 0px 0px white) drop-shadow(0px 1px 0px white) drop-shadow(0px -1px 0px white);
writing-mode: vertical-rl;z-index:99;left:15px;top:50px;color:hsla(240,60%, 90%, 0.7);
}
.lrcShow::before {
writing-mode: vertical-rl;
}
@keyframes bgMove0 { from { width: 100%; height: 0; } to { width: 100%; height: 80%; } }
@keyframes bgMove1 { from { width: 100%; height: 0; } to { width: 100%; height: 80%; } }
#lCell {width:80px;height:800px;position:relative;}
#mCtrl {width:80px;height:80px; position:absolute; left:4px;bottom:4px; overflow:hidden;animation:rot 5s linear infinite var(--rState);
border-radius:50%;background:url(http://p2.music.126.net/KFWbxh1ZLyy9WR77Ca08tA==/109951164866828786.jpg) center/cover;}
@keyframes rot{to{transform: rotate(1turn)}}
</style>
<div id="oBlk">
<div id="lCell">
<div class="lrcShow" data-lrc="冬至"></div>
</div>
<div id="rCell">
<div id="pichold">
<img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/ocnaMuutcibOOXibt9UJxxHLtUicxB4hHe2iaek2LWBqYUbcKRKSVib8SjMDEpYojYRbLqYS4GcPOIJcefKNN6NDEKw/640" alt="" />
<img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/ocnaMuutcibOOXibt9UJxxHLtUicxB4hHe2QS7xUNLhJvW5D7LqibHhEsWQmVWtgVCRmPgGG7LTrT1J9r3vZODlmJA/640" alt="" />
<img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/ocnaMuutcibOOXibt9UJxxHLtUicxB4hHe2tVempbszqgWcKC4INZiaTX7fV2LxT4BbLFIoHIbibMmBcp4ic8kyT3VGw/640" alt="" />
<img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/ocnaMuutcibOOXibt9UJxxHLtUicxB4hHe2LXRJMhLjdg1nSLA1ZWy1BtnOrhdzQkTIcIrdLYTFsv7x4NTkXUgEGg/640" alt="" />
<img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/ocnaMuutcibOOXibt9UJxxHLtUicxB4hHe2hd7VnBpYmiceIr9lAFHFQ7fdSfLTOGEknqTNiatxjABMSsU4LzezppXg/640" alt="" />
<img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/ocnaMuutcibOOXibt9UJxxHLtUicxB4hHe2HaY69f7dGQeHA6RdlwD5RU6CuOgQ7BQVtRCwbREbeicVUdMJgFJQticw/640" alt="" />
<img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/ocnaMuutcibOOXibt9UJxxHLtUicxB4hHe2ibEAaOH8yhdalptWajBia4fK3oCzOiav2l1RDbq9eqq9amTcmkCICqcww/640" alt="" />
<img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/ocnaMuutcibOOXibt9UJxxHLtUicxB4hHe2W3gTA5Jb9qAIdqcVywb90h3nqjVjTYu6WbDfMWR9sLX7iamLopj4nSA/640" alt="" />
<img src="https://mmbiz.qpic.cn/sz_mmbiz_jpg/ocnaMuutcibOOXibt9UJxxHLtUicxB4hHe2krlMWBxAY4hicULNL7CHrgBPebpnwWxIYkQoSEnwlXR9eX8Yw7g4Liaw/640" alt="" />
</div>
</div>
<div id="mCtrl" style=""></div>
</div>
<script>
var sf0 = document.createElement('script');
sf0.type = 'text/javascript';
sf0.src = "https://file.uhsea.com/2410/739c572b5176f670f350463cf9ade957QB.js";
sf0.charset = "utf-8";
document.body.appendChild(sf0);
sf0.onload = () => {
const lrctxt = `
冬至
冬至吃饺子
咸口馅要配甜食
恰好雪落时
借月色描摹相思
冬至吃饺子
汤汤水水挂金丝
折一段故事
又随意藏入宣纸
炊烟升起时，有二三童子
铜钱串几个，沿街买吃食
小贩儿随口，卖了个关子
荠菜和笋丝，哪个最好吃
先透个春信，龙飞凤舞写冬至
一箪dan一瓢piao一汤匙chi
简单也极致
再吹个竹笛，大张旗鼓过冬至
四邻八舍分饺子 oh~
烟重山远处，剩二三童子
小酒儿一壶，醉生又梦死
棉袍盖过头，念着打油诗
荠菜和笋丝，我都很想吃
【这是一段喝多了的古筝】
先透个春信，龙飞凤舞写冬至
一箪dan一瓢piao一汤匙chi
简单也极致
再吹个竹笛，大张旗鼓过冬至
四邻八舍分饺子 oh~
`;
let opts = {
lrcTxt:lrctxt,
audioURL:"https://music.163.com/song/media/outer/url?id=1410831831.mp3",
}
let lrcPlayer = new lrcPlayerY(opts);
mCtrl.onclick = () => {
lrcPlayer.mObj.paused ? (oBlk.style.setProperty('--rState','running'), lrcPlayer.mObj.play()) : (oBlk.style.setProperty('--rState','paused'), lrcPlayer.mObj.pause());
}
}
</script> 今天是国人祭祖之日，我家在19号就祭祖了。 愤怒的葡萄 发表于 2024-12-21 12:38
今天是国人祭祖之日，我家在19号就祭祖了。
https://img.bbs.cnhubei.com/forum/201211/16/093730sa902nsh6zryf6sg.gif
你家的规矩蛮多的 起个网名好难 发表于 2024-12-21 12:41
你家的规矩蛮多的
我们上海本地人一年时间要有四趟拜周年的。
除夕夜、清明、家中逝去的长辈周年日和冬至日，我是上海近郊人，从小到大我们这儿的规矩。 起个网名好难 发表于 2024-12-21 12:41
你家的规矩蛮多的
我爸爸妈妈这辈的人还是遵照祖训和规矩的，不知道TA们逝去之后，我们捌零后的年轻人还会不会坚持祭拜。 同一个小女孩，可爱的样子
老师做的真漂亮，还配了歌曲{:4_199:} 感谢分享
祝老师冬至安康！ 我们这里老人常说冬至大于年 总能制作些最应景有趣的图来愉悦大家，祝你新年快乐！{:4_176:} 樵歌 发表于 2024-12-21 14:03
总能制作些最应景有趣的图来愉悦大家，祝你新年快乐！
https://img.bbs.cnhubei.com/forum/201211/16/093730sa902nsh6zryf6sg.gif 世外桃源 发表于 2024-12-21 12:58
同一个小女孩，可爱的样子
老师做的真漂亮，还配了歌曲
https://img.bbs.cnhubei.com/forum/201211/16/093730sa902nsh6zryf6sg.gif 世外桃源 发表于 2024-12-21 13:00
感谢分享
祝老师冬至安康！
https://img3.oldkids.cn/upload/2023/12/20/blog_260855808_20231220060407161.gif 有趣的可爱的冬至祝福帖子，今天冬至了，吃饺子的日子。
借难难好帖，祝大家冬至安康{:4_199:} 原来还有专门的冬至的歌曲呢{:4_187:} 歌词里还有一句：“这是一段喝醉了的古筝演奏”，看得笑。难难太会玩了{:4_189:} 红影 发表于 2024-12-21 15:20
有趣的可爱的冬至祝福帖子，今天冬至了，吃饺子的日子。
借难难好帖，祝大家冬至安康
https://5b0988e595225.cdn.sohucs.com/images/20171222/ef0e3be7273543f18a499ea4a28bdfbf.gif 红影 发表于 2024-12-21 15:21
原来还有专门的冬至的歌曲呢
还真有{:5_106:} 红影 发表于 2024-12-21 15:24
歌词里还有一句：“这是一段喝醉了的古筝演奏”，看得笑。难难太会玩了
本来就是在歌词里的 谢谢老师精彩分享，祝冬至快乐{:4_191:} 杨帆 发表于 2024-12-21 16:00
谢谢老师精彩分享，祝冬至快乐
https://5b0988e595225.cdn.sohucs.com/images/20191222/178e0dc6f2084cc9b399e4c08a09122b.gif