小辣椒 发表于 2026-1-13 20:39

惊鸿一面 帖赠：樵哥哥

<style>
    @import 'https://638183.freep.cn/638183/web/tz/tz.v4.css?v1';
    .pa { -state: running; margin: 130px 0 60px calc(50% - 470px);--bg: url('https://xlaj.cn/upfile/2025/01/04/31.jpg') no-repeat center/cover; }
   .fadeInLrc { right: 25%; top:10%;font:normal 2.0em 微软雅黑; opacity: .60;}
    .char { display: block; }
</style>
<div class="pa"></div>
<script type="module">
    import TZ from 'https://638183.freep.cn/638183/web/tz/tz.v4.js';
    const tz = TZ.TZ('pa');   
    const hcLrc = tz.lrc2HC(`惊鸿一面
歌手： 许嵩/黄龄
词： 许嵩
曲：黄龄
翻手为云 覆手为雨
金盆洗手 止风雨
不恋红尘 却难舍回忆
每一段都有你
年少初遇 常在我心
多年不减你深情
江山如画又怎能比拟
你送我的风景
柳下闻瑶琴 起舞和一曲
仿佛映当年 翩若惊鸿影
谁三言两语 撩拨了情意
谁一颦一笑 摇曳了星云
纸扇藏伏笔 玄机诗文里
紫烟燃心语 留香候人寻
史书列豪杰 功过有几许
我今生何求 惟你
歌词同步：小辣椒
年少初遇 常在我心
多年不减你深情
江山如画又怎能比拟
你送我的风景
柳下闻瑶琴 起舞和一曲
仿佛映当年 翩若惊鸿影
谁三言两语 撩拨了情意
谁一颦一笑 摇曳了星云
纸扇藏伏笔 玄机诗文里
紫烟燃心语 留香候人寻
史书列豪杰 功过有几许
我今生何求 惟你
远山传来清晨悠然的曲笛
晓风掠走光阴 残月沉霜鬓里
有了你 恩怨都似飞鸿踏雪泥
飞鸿踏雪泥
柳下闻瑶琴 起舞和一曲
仿佛映当年 翩若惊鸿影
谁三言两语 撩拨了情意
谁一颦一笑 摇曳了星云
纸扇藏伏笔 玄机诗文里
紫烟燃心语 留香候人寻
史书列豪杰 功过有几许
我今生何求 惟你
我今生何求
惟你
`);
    tz.add('audio', '', '', {src: 'https://xlaj.cn/upfile/2025/01/04/jhym.mp3'});
    tz.lrc(hcLrc, '', true);
    tz.add('video', '', 'qk-vid', {src: 'https://img.tukuppt.com/video_show/2269348/00/14/66/5e5a2fd36a145.mp4',style: 'mix-blend-mode:screen;opacity: .30;top:-10%;height:100%;' });
    tz.add('div', 'player', 'wrap200', {style: 'top: 50%;left:48%;opacity: .30;'});
    tz.add('svg', 'msvg', '', {width: 200, height: 200}).to('player');
    tz.svgson('msvg', 'circle', {id: 'track', cx: 100, cy: 100, r: 60, fill: 'none', stroke: 'silver', 'stroke-width': 7});
    tz.svgson('msvg', 'circle', {id: 'prog', cx: 100, cy: 100, r: 60, fill: 'none', stroke: 'orange', 'stroke-width': 7});
    tz.svgprog('msvg', 'track', 'prog');
    tz.add('img', '', 'rot-ani', {
      src: 'https://638183.freep.cn/638183/web/svg1/s001.svg',
      alt: '',
      style: 'position: absolute; width: 150px; cursor: pointer; clip-path: circle(80px)'
    }).to('player').playmp3();

    tz.fs().style('right: 30px; top: 30px');
</script>


小辣椒 发表于 2026-1-13 20:41

@樵歌

樵哥哥，不好意思做个作业当礼物，礼物放着，什么时候上来什么时候收礼，没事的。

一切尽在不言中{:4_179:}

小辣椒 发表于 2026-1-13 20:43

@马黑黑

黑黑套用完成一个牵丝戏的播放器效果

感谢黑黑源码分享

梦江南 发表于 2026-1-13 20:53

他们都还未来，梦江南先享受了。{:4_187:}

梦江南 发表于 2026-1-13 20:55

@樵歌老师 ，@马黑黑老师 ，收礼开心哦！

樵歌 发表于 2026-1-13 20:59

小辣椒 发表于 2026-1-13 20:41
@樵歌

樵哥哥，不好意思做个作业当礼物，礼物放着，什么时候上来什么时候收礼，没事的。


谢谢，我会很乐观的。{:4_204:}别担心。后天就不能上网了，要息几天才能动。{:4_204:}{:4_179:}

梦油 发表于 2026-1-13 21:02

好曲、好礼、好礼、好曲。

小辣椒 发表于 2026-1-13 21:02

樵歌 发表于 2026-1-13 20:59
谢谢，我会很乐观的。别担心。后天就不能上网了，要息几天才能动。

樵哥哥你要早睡，论坛活动辛苦了{:4_179:}

樵歌 发表于 2026-1-13 21:02

画面的意境就是担心樵哥哥，都在站窗边望着了。{:4_172:}
没事的，这样的事我已经经历第五次了。没什么可担心的。{:4_189:}

樵歌 发表于 2026-1-13 21:04

我进到帖子里看了，貌似以后我可以套用{:4_189:}是不是只换底图、歌曲地址、等，

小辣椒 发表于 2026-1-13 21:04

梦江南 发表于 2026-1-13 20:53
他们都还未来，梦江南先享受了。

阿姨，哈哈，我们一起欣赏这首戏歌，小辣椒感觉好听，上次做过，今天又用上了、{:4_173:}

小辣椒 发表于 2026-1-13 21:07

樵歌 发表于 2026-1-13 21:04
我进到帖子里看了，貌似以后我可以套用是不是只换底图、歌曲地址、等，

是的，直接套用就换图片

梦江南 发表于 2026-1-13 21:07

小辣椒 发表于 2026-1-13 21:04
阿姨，哈哈，我们一起欣赏这首戏歌，小辣椒感觉好听，上次做过，今天又用上了、

是哦，很好听，图片画面人物有一种说不出的感觉。很赞！{:4_204:}

小辣椒 发表于 2026-1-13 21:12

樵歌 发表于 2026-1-13 21:02
画面的意境就是担心樵哥哥，都在站窗边望着了。
没事的，这样的事我已经经历第五次了。没什么可 ...

樵哥哥我已经上面说了，一切尽在不言中{:4_179:}

小辣椒 发表于 2026-1-13 21:45

梦油 发表于 2026-1-13 21:02
好曲、好礼、好礼、好曲。

梦油晚上好，谢谢欣赏，一起听歌{:4_208:}

小辣椒 发表于 2026-1-13 21:46

梦江南 发表于 2026-1-13 21:07
是哦，很好听，图片画面人物有一种说不出的感觉。很赞！

谢谢阿姨欣赏，小辣椒主要想玩一下这个播放器

红影 发表于 2026-1-13 22:48

这画面好美啊，歌曲也极好听，欣赏亲爱的好帖，同祝师兄早日康复{:4_204:}

马黑黑 发表于 2026-1-13 23:39

曲子经典。帖子韵味十足。赞。

庶民 发表于 2026-1-14 10:45

您的樵哥哥真的荣幸，有您的美赞，多么幸福。

雨季工作室 发表于 2026-1-15 11:20

欣赏了，问好朋友！
页: [1] 2
查看完整版本: 惊鸿一面 帖赠：樵哥哥