天涯灯火--乌兰图雅 送祝福给小辣椒！
<style>
.oml { position: relative; left: -340px; width: 1280px; height: 720px; background: olive url('https://pic.imgdb.cn/item/624a889f239250f7c5da4c0b.jpg') no-repeat center/cover; font: 1em / 30px Sans-serif; color: #aaa; text-shadow: 1px 1px 1px #666; opacity: .85;}
.oml::before { content:''; position: absolute; width: 100%; height: 365px; background: url('/data/attachment/forum/202204/03/154038ppjf8hsz7h4fjfms.gif') repeat-x; }
.oml::after { content: attr(data-t); position: absolute; width: 250px; left: 160px; bottom: 15px; animation: fly 20s linear infinite alternate; }
.btn { position: absolute; width: 120px; height: 30px; left: 10px; bottom: 15px; text-align: center;background: #666; border-radius: 8px; cursor: pointer; opacity: .8; animation: color 1s ease infinite; }
@keyframes fly { to { left: 1000px; } }
@keyframes color { to { color: gold; } }
</style>
<div class="oml" data-t="天涯灯火--乌兰图雅送祝福给小辣椒！">
<div class="btn">Play&Pause</div>
</div>
<script>
let canplay = true;
let btn = document.querySelector('.btn');
let oml = document.querySelector('.oml');
let aud = document.createElement('audio');
aud.src = "https://www.joy127.com/url/6181.mp3";
aud.loop = true;
document.querySelector('.oml').appendChild(aud);
btn.onclick = function() {
canplay ? (aud.play(), this.style.animationPlayState='paused', canplay = false) : (aud.pause(), this.style.animationPlayState = 'running', canplay = true);
}
</script>
乌兰图雅-天涯灯火
作词：徐杰 作曲：聂小慧
镜花无痕 水月无波
红尘三千 太寂寞
时光里 谁念我执着
叶不见花 花不见果
彼岸风起 青萍末
相逢是为何
如果你看到我
眉眼里山水曲折
请为我 点燃一盏
温暖天涯的灯火
如果你明白我
掌心的纹路牵扯
多情人莫说破
爱恨难取舍
......
这个制作漂亮，歌也好听 队长好分享，辣椒收礼开心 {:4_187:}{:4_190:} 大猫咪 发表于 2022-4-4 14:22
这个制作漂亮，歌也好听 队长好分享，辣椒收礼开心
谢谢猫猫支持！让我们共同祝福吧！{:4_171:}{:4_204:} 队长不放鹰了？ 马黑黑 发表于 2022-4-4 14:45
队长不放鹰了？
这个就不放鹰了。 谢谢队长的精美礼物，几天没有来，黑黑的新教程都没有学习的，这个音乐要手动播放？ 小辣椒 发表于 2022-4-4 19:05
谢谢队长的精美礼物，几天没有来，黑黑的新教程都没有学习的，这个音乐要手动播放？
小辣椒来啦，用手点了才有音乐的。{:4_187:} 加林森 发表于 2022-4-4 19:13
小辣椒来啦，用手点了才有音乐的。
谢谢队长的精美制作，我准备下了{:4_179:} 小辣椒 发表于 2022-4-4 20:01
谢谢队长的精美制作，我准备下了
好的好的，你去休息吧。{:4_179:} 小辣椒 发表于 2022-4-4 19:05
谢谢队长的精美礼物，几天没有来，黑黑的新教程都没有学习的，这个音乐要手动播放？
小辣椒许久不见，怪想念的 队长的帖子真漂亮。借队长好帖，同祝小辣椒早日康复{:4_187:} 红影 发表于 2022-4-4 20:58
队长的帖子真漂亮。借队长好帖，同祝小辣椒早日康复
谢谢红影支持。晚上好！{:4_204:}
页:
[1]