《五一劳动节之歌》-Fayawayaway 花潮论坛祝大家五一节快乐！

加林森 发表于 2022-4-27 11:44

本帖最后由加林森于 2022-4-27 11:52 编辑 <br /><br /><style>
.mBox {
   --w: 120px;
   margin: auto;
   margin-top: 20px;
   display: flex;
   justify-content: center;
   align-items: center;
   width: var(--w);
   height: var(--w);
   cursor: pointer;
   position: relative;
   animation: rot 2s linear infinite;
}
.zBox {
   position: absolute;
   display: block;
   border-style: solid;
   border-width: 1px;
   border-color: transparent #ff2d51 transparent transparent;
}
@keyframes rot { to { transform: rotate(1turn); } }
</style>

<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -200px; width:1000px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=416 background=https://pic.imgdb.cn/item/6268b726239250f7c508c7fc.jpg>
            <div style="position:absolute; LEFT: 600px; TOP: 250px;">
            <div class="mBox"></div>
   </div>
</TD></TR>
</table></div><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>

<script>
let flag = true;
let ele = document.querySelector(".mBox");
let len = ele.clientWidth;
let zStr = "";
let all = 100;
let angle = Math.floor(360 / all);

for(j=0; j< all; j++){
   let wh = Math.floor(len- j * (len / all));
   zStr += `<span class="zBox" style="transform: rotate(${j*angle}deg);width: ${wh}px; height: ${wh}px"></span>\n`;
}
ele.innerHTML += zStr;

let au = document.createElement("audio");
au.src= "https://music.163.com/song/media/outer/url?id=1445109870.mp3";
au.loop = true;
au.autoplay = flag;
au.style.display = "none";
ele.appendChild(au);

if(!flag) ele.style.animationPlayState = "paused";

ele.onclick = function(){
   flag ? (au.pause(),this.style.animationPlayState = "paused",flag = false) : (au.play(),this.style.animationPlayState = "running",flag = true);
}
</script>

马黑黑 发表于 2022-4-27 12:54

五一快到了

加林森 发表于 2022-4-27 13:26

马黑黑发表于 2022-4-27 12:54
五一快到了

就是啊，大家都辛苦了，该休息一下了。

红影发表于 2022-4-27 18:32

队长的帖子真美，借队长好帖，同祝坛友们五一节快乐{:4_187:}

加林森 发表于 2022-4-27 19:11

红影发表于 2022-4-27 18:32
队长的帖子真美，借队长好帖，同祝坛友们五一节快乐

谢谢红影支持！祝大家五一节快乐！

马黑黑 发表于 2022-4-27 19:30

加林森发表于 2022-4-27 13:26
就是啊，大家都辛苦了，该休息一下了。

休息是为了更好地奋斗

加林森 发表于 2022-4-27 19:59

马黑黑发表于 2022-4-27 19:30
休息是为了更好地奋斗

是的好！

红影发表于 2022-4-27 21:55

加林森发表于 2022-4-27 19:11
谢谢红影支持！祝大家五一节快乐！

我们这里放假不放假一个样，都放假到现在了{:4_173:}

加林森 发表于 2022-4-27 22:05

红影发表于 2022-4-27 21:55
我们这里放假不放假一个样，都放假到现在了

现在是安全第一了。

红影发表于 2022-4-28 07:50

加林森发表于 2022-4-27 22:05
现在是安全第一了。

嗯嗯，不过还是要在这个节日为劳动者献上一首赞歌{:4_187:}

加林森 发表于 2022-4-28 11:45

红影发表于 2022-4-28 07:50
嗯嗯，不过还是要在这个节日为劳动者献上一首赞歌

就是，必须的。

小九发表于 2022-4-28 17:15

这个做得帅！队长节日快乐哟{:4_187:}

加林森 发表于 2022-4-28 17:39

小九发表于 2022-4-28 17:15
这个做得帅！队长节日快乐哟

谢谢小九。你也快乐、大家都快乐！{:4_204:}

红影发表于 2022-4-28 21:32

加林森发表于 2022-4-28 11:45
就是，必须的。

虽然现在不能过正常的生活，但是生活中的欢乐不可错过。

加林森 发表于 2022-4-28 21:53

红影发表于 2022-4-28 21:32
虽然现在不能过正常的生活，但是生活中的欢乐不可错过。

是的是的。该快乐就得去快乐的。

加林森 发表于 2022-4-30 12:22

{:4_178:}

加林森 发表于 2022-5-1 09:21

祝大家五一节快乐！{:4_204:}

页: [1]

花潮论坛's Archiver

《五一劳动节之歌》-Fayawayaway 花潮论坛祝大家五一节快乐！