樵歌消寒词之《啰唝曲》

红影

第一天

雪梅谁更爱，
相依恋墨香。
雪魂冰作骨，
梅蕊傲群芳。

第二天

侵香风作柬，
吹过柔草茵。
蝶停花蕊静，
迷醉满园春。

第三天

柬择绮罗帕，
柔情侵春香。
草心迷路远，
风递与檀郎。

第四天

暗香侵柔雪，
兰草倚春风。
绣茵心化柬，
迷我万千重。

第五天

草茵侵香柬，
春风迷柔情。
花随流水去，
杜宇一声声。

第六天

柬自春风侵，
香从茵草来。
柔情蜜意在，
迷梦为君开。

第七天

草长莺飞处，
香侵春风柔。
迷烟茵氲散。
拆柬避人羞。

第八天

草茵迷烟处，
侵香春风来。
柔情谁解意，
捧柬笑颜开。

第九天

草侵春风绿，
茵席卧晴柔。
迷香随笔散，
飘柬载江流。

1

红影

@樵歌 学习黑黑图片翻页换成了文字，还用豆包做了个讲述动图，就算是师兄在为自己的词做演示吧

红影

@马黑黑 文字翻页弄出来了，但是碰到个问题，想做个滚动文字，说明是樵歌在讲述九首《啰唝曲》，可是滚动字的代码正确，在背景上怎么都不显示，加了z-index: 也不显示。后来想换个闪烁字来说明，结果也不出来，彻底晕了，折腾了好长时间也没弄出来，只能不加滚动字了。请教问题在哪？

红影

好像AI还能做电脑朗诵，并能对口型，但这样每首滚动的时间更长了，何况我也不会，就不加电脑朗诵了，弄个人假装在朗诵吧

起个网名好难

                               
登录/注册后可看大图

日子是挑着过的

樵歌

红影 发表于 2025-2-17 11:51
@樵歌 学习黑黑图片翻页换成了文字，还用豆包做了个讲述动图，就算是师兄在为自己的词做演示吧

师兄来了，看到师妹用代码技术加AI增持，一公子在装模作样滴炫耀诗词，就直笑。不过构思还是非常有创意的。

樵歌

看表情满丰富的样子，很有趣，我估计要把声音和口型都 对上弄出来就太费事了，这样已经非常好了呵，虽然词不咋地，但这样一宣讲，也给人留下深的印象了。

樵歌

我今天看了，豆包也能作简单的视频，哪天我来试。把我们辛苦写的消寒词用这种形式展示出来，增加趣味性和信心，说不定今年三久就用这种形式来搞，就有趣味了，这样可以两人合作去消寒，一人负责写字，一人负责用AI造境。。。

樵歌

@马黑黑 这个代码真好，顺过去倒过来都 能显示。真适用，接地气

小文

十分有趣的图与文，欣赏不已。问好恩师！

杨帆

樵歌消寒词写的棒，影子特效帖子制作美，谢谢分享

梦江南

这种做法把我看呆了哈！AL人也加进去了，旋转图片变成文字了，这创意也太厉害了吧！

梦油

精巧制作拍案叫绝。

马黑黑

樵歌 发表于 2025-2-17 12:56
@马黑黑 这个代码真好，顺过去倒过来都 能显示。真适用，接地气

这是影子在我的一些实现方法基础上自研而来的代码，属于影子的再创作。

马黑黑

代码的规范性有助于查错和修改、扩充。以本帖HTML代码为例，原帖酱紫写：

1. <div id="papa">
   
2. <div id="stage">
   
3. <div><p>第一天<br><br>雪梅谁更爱，<br>相依恋墨香。<br>雪魂冰作骨，<br>梅蕊傲群芳。<br></p></div>
   
4. <div><p>第二天<br><br>侵香风作柬，<br>吹过柔草茵。<br>蝶停花蕊静，<br>迷醉满园春。<br></p></div>
   
5. <div><p>第三天<br><br>柬择绮罗帕，<br>柔情侵春香。<br>草心迷路远，<br>风递与檀郎。<br></p></div>
   
6. <div><p>第四天<br><br>暗香侵柔雪，<br>兰草倚春风。<br>绣茵心化柬，<br>迷我万千重。<br></p></div>
   
7. <div><p>第五天<br><br>草茵侵香柬，<br>春风迷柔情。<br>花随流水去，<br>杜宇一声声。<br></p></div>
   
8. <div><p>第六天<br><br>柬自春风侵，<br>香从茵草来。<br>柔情蜜意在，<br>迷梦为君开。<br></p></div>
   
9. <div><p>第七天<br><br>草长莺飞处，<br>香侵春风柔。<br>迷烟茵氲散。<br>拆柬避人羞。<br></p></div>
   
10. <div><p>第八天<br><br>草茵迷烟处，<br>侵香春风来。<br>柔情谁解意，<br>捧柬笑颜开。<br></p></div>
    
11. <div><p>第九天<br><br>草侵春风绿，<br>茵席卧晴柔。<br>迷香随笔散，<br>飘柬载江流。<br></p></div></div>
    
12.         <div id="btnplay">1</div>
    
13.         <audio id="aud" src="https://music.163.com/song/media/outer/url?id=441617813" autoplay loop></audio>
    
14.         <img id="pic" alt="" src="https://pic1.imgdb.cn/item/67b212bbd0e0a243d4ffe45e.gif" />
    
15.         </div>

复制代码

代码结构中各层级没有利用行首缩进体现出来，缺乏结构明晰性。可以考虑酱紫写：

1. <div id="papa">
   
2.     <div id="stage">
   
3.         <div>
   
4.             <p>第一天<br><br>雪梅谁更爱，<br>相依恋墨香。<br>雪魂冰作骨，<br>梅蕊傲群芳。<br></p>
   
5.         </div>
   
6.         <div>
   
7.             <p>第二天<br><br>侵香风作柬，<br>吹过柔草茵。<br>蝶停花蕊静，<br>迷醉满园春。<br></p>
   
8.         </div>
   
9.         <div>
   
10.             <p>第三天<br><br>柬择绮罗帕，<br>柔情侵春香。<br>草心迷路远，<br>风递与檀郎。<br></p>
    
11.         </div>
    
12.         <div>
    
13.             <p>第四天<br><br>暗香侵柔雪，<br>兰草倚春风。<br>绣茵心化柬，<br>迷我万千重。<br></p>
    
14.         </div>
    
15.         <div>
    
16.             <p>第五天<br><br>草茵侵香柬，<br>春风迷柔情。<br>花随流水去，<br>杜宇一声声。<br></p>
    
17.         </div>
    
18.         <div>
    
19.             <p>第六天<br><br>柬自春风侵，<br>香从茵草来。<br>柔情蜜意在，<br>迷梦为君开。<br></p>
    
20.         </div>
    
21.         <div><p>第七天<br><br>草长莺飞处，<br>香侵春风柔。<br>迷烟茵氲散。<br>拆柬避人羞。<br></p>
    
22.         </div>
    
23.         <div>
    
24.             <p>第八天<br><br>草茵迷烟处，<br>侵香春风来。<br>柔情谁解意，<br>捧柬笑颜开。<br></p></div>
    
25.         <div>
    
26.             <p>第九天<br><br>草侵春风绿，<br>茵席卧晴柔。<br>迷香随笔散，<br>飘柬载江流。<br></p>
    
27.         </div>
    
28.     </div>
    
29.     <div id="btnplay">1</div>
    
30.     <audio id="aud" src="https://music.163.com/song/media/outer/url?id=441617813" autoplay loop></audio>
    
31.     <img id="pic" alt="" src="https://pic1.imgdb.cn/item/67b212bbd0e0a243d4ffe45e.gif" />
    
32. </div>

复制代码

一般来说，第一个层级不缩进，第二个层级缩进4个空格（或一个Tab制表符，论坛代码显示模块会用8个空格替换），第三个层级退缩8个空格，以此类推。

红影

起个网名好难 发表于 2025-2-17 12:43
日子是挑着过的

是的，不是顺序的，跳到哪首就介绍哪首了

红影

樵歌 发表于 2025-2-17 12:46
师兄来了，看到师妹用代码技术加AI增持，一公子在装模作样滴炫耀诗词，就直笑。不过构思还是非常有创意的 ...

如果在背景音乐下再加上人声朗诵就更好了，可那个要好几个软件联合使用，我不熟，再说这个不是顺序的，更不知道如何对应了

红影

樵歌 发表于 2025-2-17 12:49
看表情满丰富的样子，很有趣，我估计要把声音和口型都 对上弄出来就太费事了，这样已经非常好了呵，虽然词 ...

这书生摇头晃脑的，像不像在逐句朗读师兄的词句

红影

樵歌 发表于 2025-2-17 12:54
我今天看了，豆包也能作简单的视频，哪天我来试。把我们辛苦写的消寒词用这种形式展示出来，增加趣味性和信 ...

是的，用AI人物来朗读消寒词，一定会让写的人更有信心，做的人也更觉得有趣味

红影

樵歌 发表于 2025-2-17 12:56
@马黑黑 这个代码真好，顺过去倒过来都 能显示。真适用，接地气

就是黑黑那个文章翻页啊，看师兄也说要去做一个呢。其实用这个做诗词真的很好玩的