小辣椒 发表于 2022-12-7 18:04

帖赠:素衣 贺芳辰快乐

<br><br><style>
#papa { margin: auto;left: -40px;width: 744px; height: 541px; background: gray url('https://yinhua.ru/20221205/63.gif') no-repeat center/cover; box-shadow: 3px 3px 20px #000; position: relative; }

</style>
<div id="papa">

</div>
<audio id="aud" src="https://yinhua.ru/20221205/srkl.mp3" autoplay loop></audio>

<script>
(function() {
        (function(mkPlayer) {let defaults = {player_css: 'bottom: 140px; left: calc(90% - 90px);',playerCode: `<style>#mplayer { position: absolute; --track: hsla(100,30%,80%,.65); --prog: hsla(100,60%,40%,.55); }#btnwrap { display: block; fill: var(--track); opacity: .95; cursor: pointer; }#btnwrap:hover { opacity: 1; }#track { fill: none; stroke: var(--track); }#prog { fill: none; stroke: var(--prog); }</style><svg id="mplayer" width="100" height="100"><g id="circle_wrap" transform="rotate(-90, 50, 50)" style="cursor: pointer;"><circle id="track" cx="50" cy="50" r="40" stroke-width="10" /><circle id="prog" cx="50" cy="50" r="40" stroke-width="10" /></g><g id="btnwrap"><path id="btnplay" d="M 40 40,40 60,60, 50 z"></path><path id="btnpause" d="M 42 40,42 60,47 60,47 40,42 40 z M 50 40,50 60,55 60,55 40,50 40 z" style="display: none;"></path><path d="M 47 50,50 40,50 60,47 60 z" fill="transparent" /></g></svg>`,};let playCode = (user_config) => {let data = Object.assign({}, defaults, user_config);papa.innerHTML += data.playerCode;mplayer.style.cssText += data.player_css;let cc = { x: 1 * track.getAttribute('cx'), y: 1 * track.getAttribute('cy'), len: track.getTotalLength(), };prog.style.strokeDasharray = prog.style.strokeDashoffset = cc.len;btnwrap.onclick = () => aud.paused ? aud.play() : aud.pause();circle_wrap.onclick = (e) => {let deg = Math.atan2(e.offsetY - cc.y, e.offsetX - cc.x) * 180 / Math.PI;deg += (e.offsetX < cc.x && e.offsetY < cc.y) ? 450 : 90;aud.currentTime = aud.duration * deg / 360;};aud.addEventListener('timeupdate', () => {prog.style.strokeDashoffset = cc.len - cc.len * aud.currentTime / aud.duration;});aud.addEventListener('pause', () => mState());aud.addEventListener('play', () => mState());aud.addEventListener('seeked', () => aud.play());let mState = () => aud.paused ? (btnplay.style.display = 'block', btnpause.style.display = 'none') : (btnplay.style.display = 'none', btnpause.style.display = 'block');};mkPlayer.HCPlayer = playCode;})(this);
        HCPlayer({});
})();
</script>
<br><br>

小辣椒 发表于 2022-12-7 18:06

@素衣

小辣椒 发表于 2022-12-7 18:06

亲爱的,生日快乐~~~幸福满满的哦{:4_179:}

小辣椒 发表于 2022-12-7 18:07

有暖男的陪伴,幸福吧,小辣椒羡慕,嫉妒,但不会恨{:4_170:}

小辣椒 发表于 2022-12-7 18:08

一起祝福幸福的一对儿{:4_208:}

小辣椒 发表于 2022-12-7 18:08

匆匆忙忙赶一个帖,虽然不够漂亮,心意满满的{:4_179:}

马黑黑 发表于 2022-12-7 19:24

素衣生日快乐

樵歌 发表于 2022-12-7 19:30

先祝福素衣生日快乐!再蹭会小辣椒美贴,跟着轻轻哼着。。。

梦缘 发表于 2022-12-7 19:58

很美的贺帖,有趣的蛋糕,祝素衣老师生日快乐!{:4_204:}{:4_204:}{:4_204:}

红影 发表于 2022-12-7 19:58

这个帖子真漂亮,还能点亮蜡烛呢。生日宴开始了,三妹快来吹蜡烛吃蛋糕{:4_187:}

红影 发表于 2022-12-7 19:58

借亲爱的好帖,同祝素衣生日快乐{:4_187:}

梦油 发表于 2022-12-7 20:18

借小辣椒朋友的美帖,祝素衣朋友生日快乐!

小辣椒 发表于 2022-12-7 20:20

马黑黑 发表于 2022-12-7 19:24
素衣生日快乐

黑黑一起祝素衣生日快乐。吃蛋糕{:4_177:}

小辣椒 发表于 2022-12-7 20:21

樵歌 发表于 2022-12-7 19:30
先祝福素衣生日快乐!再蹭会小辣椒美贴,跟着轻轻哼着。。。

哈哈,樵哥哥我们一起祝福素衣

小辣椒 发表于 2022-12-7 20:21

梦缘 发表于 2022-12-7 19:58
很美的贺帖,有趣的蛋糕,祝素衣老师生日快乐!

谢谢梦缘,我们一起送祝福{:4_187:}

小辣椒 发表于 2022-12-7 20:22

红影 发表于 2022-12-7 19:58
借亲爱的好帖,同祝素衣生日快乐

亲爱的,我们一起送祝福。。。。。素衣生日快乐。幸福永远~~

小辣椒 发表于 2022-12-7 20:23

梦油 发表于 2022-12-7 20:18
借小辣椒朋友的美帖,祝素衣朋友生日快乐!

谢谢梦油,我们一起祝素衣生日快乐~{:4_177:}

素衣 发表于 2022-12-7 20:26

小辣椒 发表于 2022-12-7 18:06
亲爱的,生日快乐~~~幸福满满的哦

来了来了,谢谢亲爱的,好漂亮的蛋糕{:4_179:}

素衣 发表于 2022-12-7 20:27

红影 发表于 2022-12-7 19:58
这个帖子真漂亮,还能点亮蜡烛呢。生日宴开始了,三妹快来吹蜡烛吃蛋糕

来了来了,二姐,一起吃蛋糕{:4_179:}

小辣椒 发表于 2022-12-7 20:27

素衣 发表于 2022-12-7 20:26
来了来了,谢谢亲爱的,好漂亮的蛋糕

亲爱的~~~今天是你的正日子,要吃蛋糕的{:4_172:}
页: [1] 2 3
查看完整版本: 帖赠:素衣 贺芳辰快乐