加林森 发表于 2022-5-8 21:52

《心甘情愿》-- 雷婷


<style>
.mBox {
      --w: 120px;
      margin: auto;
      margin-top: 100px;
      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 #fff729 transparent transparent;
}
@keyframes rot { to { transform: rotate(1turn); } }
</style>


<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -214px; width:1024px;TOP: 250px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=562 background=https://pic.imgdb.cn/item/6277be8a094754312906a033.jpg>
               <div style="position:absolute; LEFT: 600px; TOP: 320px;">
                <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=267300.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-5-8 21:53

心甘情愿 - 雷婷
漫漫的长路
你我的相逢
珍惜难得往日的缘分
默默的祝福
轻轻的问候
互道今生多保重
还有一个梦
你我曾拥有
愿我们今世天长地久
紧紧的依偎
深深的安慰
相亲相爱不离分
多少岁月已流走
多少时光一去不回头
可在我心中你的温存
到永久
和你相依为命永相随
为你朝朝暮暮付一生
真真切切爱过这一回
无论走遍千山和万水
和你白头偕老永相随
为你甘心情愿付一生
风风雨雨艰辛去共存
陪你走过一程又一程
不后悔

漫漫的长路
你我的相逢
珍惜难得往日的缘分
默默的祝福
轻轻的问候
互道今生多保重
还有一个梦
你我曾拥有
愿我们今世天长地久
紧紧的依偎
深深的安慰
相亲相爱不离分
多少岁月已流走
多少时光一去不回头
可在我心中你的温存
到永久
和你相依为命永相随
为你朝朝暮暮付一生
真真切切爱过这一回
无论走遍千山和万水
和你白头偕老永相随
为你甘心情愿付一生
风风雨雨艰辛去共存
陪你走过一程又一程
不后悔

红影 发表于 2022-5-8 23:17

好听的歌曲，队长的帖子真漂亮{:4_187:}

马黑黑 发表于 2022-5-9 07:07

欣赏

加林森 发表于 2022-5-9 08:23

红影 发表于 2022-5-8 23:17
好听的歌曲，队长的帖子真漂亮

谢谢红影支持！{:4_171:}

加林森 发表于 2022-5-9 08:24

马黑黑 发表于 2022-5-9 07:07
欣赏

老黑早晨好！

红影 发表于 2022-5-9 14:27

加林森 发表于 2022-5-9 08:23
谢谢红影支持！

问好队长，下午好{:4_187:}

加林森 发表于 2022-5-9 17:50

红影 发表于 2022-5-9 14:27
问好队长，下午好

下午好，红影！{:4_204:}
页: [1]
查看完整版本: 《心甘情愿》-- 雷婷