梦江南 发表于 2024-9-11 17:36

学习帖“中秋月”，提前祝大家中秋节快乐！

本帖最后由 梦江南 于 2024-9-12 07:59 编辑 <br /><br /><style>
#mama { margin: 30px 0 30px calc(50% - 721px); width: 1280px; height: 702px; background: url('http://tuku.link/imgs/2024/09/cd68d07b9cf3c863.gif') no-repeat center/cover; box-shadow: 0 0 8px rgba(0,0,0,.65); overflow: hidden; z-index: 1; position: relative; }
#mama > video { position: absolute; width: 100%; height: 20%; object-fit: cover; mix-blend-mode: screen; -webkit-mask: linear-gradient(red, transparent); pointer-events: none; }
.player { position: absolute; top: 10px; width: 120px; height: 120px; animation: rot 8s linear infinite var(--state); cursor: pointer; }
.player:nth-of-type(1) { left: 10%; }
.player:nth-of-type(2) { right: 10%; }
@keyframes rot { to { transform: rotate(360deg); } }
</style>

<div id="mama" class="mama">
      <audio src="https://music.163.com/song/media/outer/url?id=1879256122" autoplay loop></audio>
      <video src="https://img.tukuppt.com/video_show/2629112/00/01/93/5b4e8b08c6531.mp4" autoplay loop muted></video>
      <img class="player" src="https://pic.imgdb.cn/item/66e0f585d9c307b7e93cab28.png" alt="" />
       <img class="player" src="https://pic.imgdb.cn/item/66e0f585d9c307b7e93cab28.png" alt="" />
</div>
<script>
var sf = document.createElement('script');
sf.charset = 'utf-8';
sf.src = 'https://638183.freep.cn/638183/web/js2024/yslrc_133703119608822812.js';
document.body.appendChild(sf);

sf.onload = () => {
      HCPlayer({
                papa: '#mama',
                geci: geci,
                skip: 0,
                average: 0,
                btnplay: '.player',
                lrc_css: 'left: 50%; top: 620px; transform: translateX(-50%);',
                fs_css: 'left: 50%; bottom: 620px; transform: translateX(-50%); --bg: transparent; --color: #eee',
      });
};

var geci = ` 作曲 : 刘小雅\n编曲：金海\n录音：蒋鹏飞\n吉他：顾迎龙\n和声编写：徐兴民\n和声：顾小洁\n混音/母带：秧瑞鸿\n封面设计：古锋设计\n制作人：刘小雅\n空中一轮玉碟\n满地清辉皎洁\n谁将相思倾泻\n化作一帘秋雪\n千里音书断绝\n思念不忍停歇\n一盏心灯摇曳\n点亮过往一切\n孤独最是今夜\n哪堪忧伤肆虐\n谁唱阳关三叠\n惊起枝头乌鹊\n幸福最是今夜\n举杯对影成约\n纵然愁肠百结\n依旧一腔热血\n任凭缘起缘灭\n莫论是圆是缺\n梦里花开花谢\n醒来即是告别\n孤独最是今夜\n哪堪忧伤肆虐\n谁唱阳关三叠\n惊起枝头乌鹊\n幸福最是今夜\n举杯对影成约\n纵然愁肠百结\n依旧一腔热血\n孤独最是今夜\n哪堪忧伤肆虐\n谁唱阳关三叠\n惊起枝头乌鹊\n幸福最是今夜\n举杯对影成约\n纵然愁肠百结\n依旧一腔热血`;
</script>

喃山 发表于 2024-9-11 17:58

有意思。直接套代码就可以的嘛

红影 发表于 2024-9-11 19:22

应该写上歌名，去搜了才知道是《中秋月》。
很美好的嫦娥送月饼的图图，美好的祝福寓意。欣赏江南好帖，借帖同祝大家中秋节快乐{:4_199:}

红影 发表于 2024-9-11 19:22

标题改一下如何，顺便祝福一下大家中秋节多好啊{:4_173:}

红影 发表于 2024-9-11 19:23

喃山 发表于 2024-9-11 17:58
有意思。直接套代码就可以的嘛

是啊，我开始学习时也是这样，套代码做自己想做的帖子{:4_173:}

醉美水芙蓉 发表于 2024-9-11 19:52

起个网名好难 发表于 2024-9-11 20:13

https://pic.qqtn.com/up/2017-9/20179271021147250.gif

樵歌 发表于 2024-9-11 20:31

做得好生精彩！喜欢！{:4_199:}

梦江南 发表于 2024-9-12 08:02

喃山 发表于 2024-9-11 17:58
有意思。直接套代码就可以的嘛

谢谢老师，学习黑黑老师的代码也就是套用啊，

梦江南 发表于 2024-9-12 08:05

红影 发表于 2024-9-11 19:22
应该写上歌名，去搜了才知道是《中秋月》。
很美好的嫦娥送月饼的图图，美好的祝福寓意。欣赏江南好帖，借 ...

谢谢影子提醒，我已把标题改为，学习帖“中秋月”提前祝大家中秋节快乐！这样可好？{:4_204:}

梦江南 发表于 2024-9-12 08:07

红影 发表于 2024-9-11 19:22
标题改一下如何，顺便祝福一下大家中秋节多好啊

遵命！标题已改了。

梦江南 发表于 2024-9-12 08:09

醉美水芙蓉 发表于 2024-9-11 19:52
欣赏老师带来的精彩！

谢谢芙蓉老师支持，问好！{:4_204:}

梦江南 发表于 2024-9-12 08:09

起个网名好难 发表于 2024-9-11 20:13


谢谢老师支持，问好！{:4_204:}

梦江南 发表于 2024-9-12 08:11

樵歌 发表于 2024-9-11 20:31
做得好生精彩！喜欢！

谢谢樵歌老师喜欢支持，问好！{:4_204:}

红影 发表于 2024-9-12 16:25

梦江南 发表于 2024-9-12 08:05
谢谢影子提醒，我已把标题改为，学习帖“中秋月”提前祝大家中秋节快乐！这样可好？

嗯嗯，本来就是祝福帖子，这样写更明确了{:4_187:}

红影 发表于 2024-9-12 16:25

梦江南 发表于 2024-9-12 08:07
遵命！标题已改了。

感谢江南带来的美好祝福{:4_187:}

世外桃源 发表于 2024-9-12 17:52

月饼又大又圆{:4_187:}

世外桃源 发表于 2024-9-12 17:52

欣赏佳作 感谢分享

绿叶清舟 发表于 2024-9-12 21:05

也祝江南中秋快乐，漂亮的贺贴{:4_204:}

梦江南 发表于 2024-9-13 08:28

红影 发表于 2024-9-12 16:25
嗯嗯，本来就是祝福帖子，这样写更明确了

影子早上好！
https://pic.imgdb.cn/item/666a6741d9c307b7e9aa2b68.gif
页: [1] 2
查看完整版本: 学习帖“中秋月”，提前祝大家中秋节快乐！