我笑江南烟雨多 帖赠：小九贺芳辰
<style>
@import 'https://638183.freep.cn/638183/web/ku/yslrc_rl_range_player.css';
#papa { margin: 150px 0 60px calc(50% - 781px);width: 1400px; height: 756px; background: #3877b0 url('https://wj.zp68.com/lxx/yunhua/2025/03/26/42.jpg') no-repeat -15% 50% / cover; border-radius: 6px; overflow: hidden; }
#papa::after { position: absolute; content: ''; width: 100%; height: 100%; border-image: linear-gradient(45deg, orange, green, gold) 10 / 4px round; }
#mplayer { --prog:Honeydew; --track: MintCream; bottom: 20px; width: 40%; }
#btnPlay { border-width: 0; }
#lrcDiv {--hlcolor: MintCream; top: 10%; right: 42%; text-shadow: 1px 1px 1px rgba(0,0,0,.5); }
#fsbtn {top: 30px; color: silver; }
#flower { position: absolute; top: 40px; left: 40px; width: 120px; cursor: pointer; z-index: 4; animation: rot 8s linear infinite var(--state); }
#dt2{ position: absolute; width:270px; height: 364px; bottom: 0px; left: 70px; }
</style>
<div id="papa" class="pa">
<video class="vid" src="https://video-qn.51miz.com/preview/video/00/00/65/72/V-657222-6506A22A.mp4" autoplay loop muted></video>
<img id="flower" src="https://wj.zp68.com/lxx/yunhua/2025/03/26/ann.png" alt="" title="Alt+X" />
<audio src="https://upfile.mp3.wf/view.php/685750207590bdf08bd3d7ce1dd73ddc.mp3" autoplay loop></audio>
<img id="dt2" src="https://wj.zp68.com/lxx/yunhua/2025/03/26/rw.png " alt="" />
</div>
<script type="module">
import { hcplay } from 'https://638183.freep.cn/638183/web/ku/yslrc_rl_range_player.js';
var geci = `帖赠：小九贺芳辰
我笑江南烟雨多 (Live合唱版)
举杯月色饮罢纵我
曾高声问来客意欲如何
你却肆意放歌与我应和
端得人间潇洒客
饮酒作乐一梦南柯
知己灵魂契合天造地设
别时许诺会与我看遍山河
回首向来多萧瑟
我笑江南烟雨多
你说烟雨在等我
等我看满堂花开又落
梅子黄时白日歌
满城风絮又凌波
再问我闲情几许如何
你后来辜负许诺
我等不到的寄托
等不到那重来的春色
等不到生死契阔
等不到与子成说
等到的是你我皆过客
祝小九生日快乐！
饮酒作乐一梦南柯
知己灵魂契合天造地设
别时许诺会与我看遍山河
回首向来多萧瑟
我笑江南烟雨多
你说烟雨在等我
等我看满堂花开又落
梅子黄时白日歌
满城风絮又凌波
再问我闲情几许如何
你后来辜负许诺
我等不到的寄托
等不到那重来的春色
等不到生死契阔
等不到与子成说
等到的是你我皆过客
我笑江南烟雨多
你说烟雨在等我
等我看满堂花开又落
梅子黄时白日歌
满城风絮又凌波
再问我闲情几许如何
你后来辜负许诺
我等不到的寄托
等不到那重来的春色
等不到生死契阔
等不到与子成说
等到的是你我皆过客
谢谢欣赏
`;
hcplay(papa, geci, 9);
flower.onclick = () => btnPlay.click();
</script> @小九
生日快乐，永远青春靓丽，永远18岁{:4_205:}
小九很简单的一个作业当生日贺礼别嫌弃啊，但小辣椒的生日祝福是满满的。。。。。{:4_179:}
@马黑黑
黑黑前面做了个大图1900宽的，结果发现全屏欣赏有点问题，本来1900也是不用用全屏欣赏这个功能了，但发现了问题我还是重新做一个了，那个图以后也是可以玩的，但就是不知道我错在哪里
现在我就改了播放器颜色，因为发现画面背景深了一点就用了白的播放器，歌词我改了9行的，感觉挺好的
这背景和视频配合特别好，让江南烟雨在动静间切换，很梦幻的感觉。
欣赏亲爱的好帖，同祝九儿生日快乐{:4_199:} 小辣椒 发表于 2025-3-26 21:36
@马黑黑
黑黑前面做了个大图1900宽的，结果发现全屏欣赏有点问题，本来1900也是不用用全屏欣赏这个功能 ...
这个地方，红色的改一下：
background: #3877b0 url('https://wj.zp68.com/lxx/yunhua/2025/03/26/42.jpg') no-repeat -15% 50% / cover;
改为 center 或 50% 50%，这是设置背景图片在帖子中的位置，我的原帖图片不太合适，我移动了一下 这个9行歌词更好，正好放在当中，那个小图还用了九儿的头像，真好。歌儿也好听。{:4_187:} 马黑黑 发表于 2025-3-26 22:22
这个地方，红色的改一下：
background: #3877b0 url('https://wj.zp68.com/lxx/yunhua/2025/03/26/42. ...
黑黑，这里我各种数字都试了，也是不行的，要么都不要，但全屏欣赏，大图不全了 小辣椒 发表于 2025-3-26 22:43
黑黑，这里我各种数字都试了，也是不行的，要么都不要，但全屏欣赏，大图不全了
额，那是图片的尺寸和显示器分别率不合比例。一般应尽可能照顾常规分辨率作图或选图，图片的宽高比例和显示器的分辨率比例一致就不会出现图片被裁剪现象 红影 发表于 2025-3-26 22:26
这个9行歌词更好，正好放在当中，那个小图还用了九儿的头像，真好。歌儿也好听。
亲爱的，想不出这么突出小九的生日，按钮就用了小九的头像 马黑黑 发表于 2025-3-26 22:46
额，那是图片的尺寸和显示器分别率不合比例。一般应尽可能照顾常规分辨率作图或选图，图片的宽高比例和显 ...
可能的，我是旧图修改的 小辣椒 发表于 2025-3-26 22:46
亲爱的，想不出这么突出小九的生日，按钮就用了小九的头像
这样更好，更有专属性呢{:4_187:} 小辣椒 发表于 2025-3-26 22:51
可能的，我是旧图修改的
其实图片在做背景图时都会被裁切的，除非你的图片恰好和分别率的比例一样 我就是欣赏。 很高兴和小辣椒朋友一起祝福小九生日快乐！
https://pic1.imgdb.cn/item/6690ecc5d9c307b7e97a2121.gif 谢谢辣椒！很喜欢雨巷的风景，特效也设置的特别好，歌是第一次听，好听，尽管你说是一个简单的帖子，但对于小九来说，是一件很神奇的事情，因为小九不会操作。谢谢亲，收到礼物，很开心{:5_150:}{:5_150:}{:4_187:} 小辣椒 发表于 2025-3-26 22:46
亲爱的，想不出这么突出小九的生日，按钮就用了小九的头像
那个按钮很有特色{:4_204:} 梦油 发表于 2025-3-27 09:19
很高兴和小辣椒朋友一起祝福小九生日快乐！
谢谢梦油的祝福，一起开心快乐{:4_187:} 庶民 发表于 2025-3-27 08:42
我就是欣赏。
祝庶民开心快乐{:4_180:} 马黑黑 发表于 2025-3-26 23:38
其实图片在做背景图时都会被裁切的，除非你的图片恰好和分别率的比例一样
黑黑辛苦 了，祝开心{:4_180:} 小辣椒 发表于 2025-3-26 22:51
可能的，我是旧图修改的
旧图修改，难度更大，辛苦了{:4_187:}
页:
[1]
2