2026 霜发进行时
本帖最后由 霜染枫丹 于 2026-1-5 20:26 编辑 <br /><br /><style>.scrolling-container {
width: 100%;
overflow: hidden;
position: relative;
}
.scrolling-images {
display: flex;
white-space: nowrap;
}
.scrolling-images img {
height: 574px;
flex-shrink: 0;
width: auto;
}
.gif-overlay {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
</style>
<div class="scrolling-container">
<div class="scrolling-images" id="scrollingImages">
<img src="https://ff.xiaoqiaodali.top:5401/i/2025/12/31/695546620417c.png" alt="Image 1">
<img src="https://ff.xiaoqiaodali.top:5401/i/2025/12/31/69554760b7dbf.gif" alt="Image 2">
<img src="https://ff.xiaoqiaodali.top:5401/i/2025/12/14/693e66a0a5e70.gif" alt="Image 3">
</div>
</div>
<audio loop autoplay src="https://cccimg.com/view.php/6650391bfd8f4e04eedef851615b04dc.mp3"></audio>
<script>
// 等待页面加载完成
document.addEventListener('DOMContentLoaded', function() {
const scrollingImages = document.getElementById('scrollingImages');
const images = scrollingImages.querySelectorAll('img');
// 计算总宽度
let totalWidth = 0;
images.forEach(img => {
// 等待图片加载完成
if (img.complete) {
totalWidth += img.offsetWidth;
} else {
img.onload = function() {
updateAnimation();
};
}
});
function updateAnimation() {
// 重新计算总宽度
totalWidth = 0;
images.forEach(img => {
totalWidth += img.offsetWidth;
});
// 克隆第一张图片以实现无缝循环
const firstImgClone = images.cloneNode(true);
scrollingImages.appendChild(firstImgClone);
// 设置动画
const keyframes = `
@keyframes scroll {
0% { transform: translateX(0); }
100% { transform: translateX(-${totalWidth}px); }
}
`;
// 添加样式
const styleSheet = document.createElement('style');
styleSheet.textContent = keyframes;
document.head.appendChild(styleSheet);
// 应用动画
scrollingImages.style.animation = `scroll ${images.length * 10}s linear infinite`;
}
// 初始调用
updateAnimation();
});
</script>
本帖最后由 霜染枫丹 于 2026-1-4 12:25 编辑
2026：霜发下的远航
风 将岁月细细研磨吹成了霜那霜悄然落上我的发梢似一场无声的雪覆盖了过往那是我荣耀的勋章每一根银丝 都镌刻着坚强
站在时光的渡口回望千帆过尽都藏着故事的波光有青春的激昂 如烈火燃烧有中年的奔忙 似江河浩荡也有低谷的彷徨如暗夜漫长
那些挫折 是礁石在生命之海撞出的伤痕 却也让我学会在浪涛中稳住航向那些失去 是夜空中划过的流星短暂而璀璨 教会我珍惜眼前每一缕温暖的阳光
走进2026的门廊带着岁月的馈赠启航多了几分从容几分坦荡 以乐观为帆 用豁达作桨 在时光长河里书写属于自己的 新的诗章
这样的岁初寄语真好，是对自己的勉力，也让看的人得到了鼓舞。
欣赏枫丹好文{:4_199:} 步履成诗，书写着生命的轨迹，书写着面对挫折的勇气和毅力，书写着探索的意义。
生命中所有的经历都有其价值，用心走好每一步，就能走出独一无二的生命印记{:4_187:} 欣赏精美的移动音画，背景歌曲好听，诗读来满满对人生的一种感悟。{:4_187:} 往事是自己走过的诗行，时光不但是沉默的海，它会在回忆说话。大姐这是对过去的2025最美的追忆。{:4_199:} 背景音乐的选择、到生成的图片到文字，三都相得益彰，紧紧围绕回忆的主题。 霜染枫丹 发表于 2026-1-4 12:22
本帖最后由 霜染枫丹 于 2026-1-4 12:25 编辑
我将把你这优美的诗句，当做对我激励。谢谢枫丹朋友。 红影 发表于 2026-1-4 13:50
步履成诗，书写着生命的轨迹，书写着面对挫折的勇气和毅力，书写着探索的意义。
生命中所有的经历都有其价 ...
红影晚上好！很感谢您的理解与支持，得到鼓励关照觉得很荣幸。祝你冬安~~{:4_204:}{:4_190:} 梦江南 发表于 2026-1-4 14:42
欣赏精美的移动音画，背景歌曲好听，诗读来满满对人生的一种感悟。
梦江南晚上好~~
很感谢您的支持，年龄大了，很珍惜当下。这就是想给自己加油，祝您冬安！{:4_204:}{:4_190:}
本帖最后由 杨帆 于 2026-1-4 19:42 编辑
立意深远，内涵丰富，阳光向上~谢谢枫丹精彩分享，祝马年大吉{:4_204:} 樵歌 发表于 2026-1-4 16:06
背景音乐的选择、到生成的图片到文字，三都相得益彰，紧紧围绕回忆的主题。
小樵哥晚上好~~
我注册快2个月了，现在很喜欢在这里发帖。得到支持鼓励很高兴，我决定在这个栏目也盖一个楼，写一点自己的水贴。谢谢你的支持，祝你冬安~~{:4_204:}{:4_190:}
梦油 发表于 2026-1-4 17:03
我将把你这优美的诗句，当做对我激励。谢谢枫丹朋友。
梦老晚上好~~欢迎您！
我们坚持每天上网，也是对自己的鞭策。所有的感慨都不可能是前行的动力，让我们珍惜当下，为坚持努力而喝彩！{:4_176:}{:4_204:}
杨帆 发表于 2026-1-4 19:35
立意高远，内涵丰富，谢谢枫丹精彩分享，祝马年大吉
杨帆晚上好！我们在一起玩很高兴，你的支持让我很感动。新的一年我们共同努力，让脚步铿锵，坚定向前走。祝您冬安！{:4_204:}{:4_204:}
霜染枫丹 发表于 2026-1-4 19:43
杨帆晚上好！我们在一起玩很高兴，你的支持让我很感动。新的一年我们共同努力，让脚步铿锵，坚定向前走。 ...
谢谢，同感~让我们持续提升精神能力，心怀感恩、谦虚律己、逐梦前行，靠近光，追随光，成为光。{:4_204:} 好文分享，谢谢！{:4_204:} 霜染枫丹 发表于 2026-1-4 19:40
梦老晚上好~~欢迎您！
我们坚持每天上网，也是对自己的鞭策。所有的感慨都不可能是前行的动力，让我们 ...
对，枫丹朋友。让我们一起努力愉快、健康地欢度晚年。 霜染枫丹 发表于 2026-1-4 19:37
小樵哥晚上好~~
我注册快2个月了，现在很喜欢在这里发帖。得到支持鼓励很高兴，我决定在这个栏目也盖 ...
想法非常好，支持大姐的作法，但是有个问题：就是别人回帖时可能把你的文章搞得分开了。不如分开发，然后到一个月或者一季，或者半年再行汇总。或者一个专题汇总。。。你只要觉得不会被回复分开，开在一帖子里也行。 小文 发表于 2026-1-4 20:03
好文分享，谢谢！
欢迎小文，晚上好！很感谢你的支持，祝你2026吉祥顺遂，前程锦绣。一切都心想事成，马到成功！！{:4_204:}{:4_190:}
页:
[1]