加林森 发表于 2022-4-27 10:03

《美人吟》 -- 李玲玉


<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 #c0ebd7 transparent transparent;
}
@keyframes rot { to { transform: rotate(1turn); } }
</style>


<DIV align=center color=#ff0000 >
<tablestyle="position: relative; LEFT: -180px; width:1000px;TOP: 180px"border="0" cellspacing="0" cellpadding="0">
<TBODY><TR><TD height=659 background=https://pic.imgdb.cn/item/6268a216239250f7c5dbc6cd.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://www.joy127.com/url/90090.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 10:04

@马黑黑

加林森 发表于 2022-4-27 10:07

本帖最后由 加林森 于 2022-4-27 10:08 编辑

《美人吟》 -- 李玲玉

蓝蓝的白云天

悠悠水边柳

玉手扬鞭马儿走

月上柳梢头

红红的美人脸

淡淡柳眉愁

飞针走线荷包绣

相思在心头

风儿轻 水长流

哥哥天边走

自古美女爱英雄

一诺千金到尽头

风声紧 雷声吼

妹妹苦争斗

自古红颜多薄命

玉碎瓦全登西楼

蓝蓝的白云天

悠悠水边流

玉手扬鞭马儿走

月上柳梢头

红红的美人脸

淡淡柳眉愁

飞针走线荷包绣

相思在心头

风儿轻 水长流

哥哥天边走

自古美女爱英雄

一诺千金到尽头

风声紧 雷声吼

妹妹苦争斗

自古红颜多薄命

玉碎瓦全登西楼

自古美女爱英雄

一诺千金到尽头

红芍药 发表于 2022-4-27 10:31

喜欢的一首歌，好听，队长好手艺。。{:4_199:}{:4_199:}

梦油 发表于 2022-4-27 10:37

加林森朋友早晨好！你做的图真美。美人、美曲配美图——珠联璧合的好作品

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

红芍药 发表于 2022-4-27 10:31
喜欢的一首歌，好听，队长好手艺。。

芍药姑娘上午好。{:4_204:}

加林森 发表于 2022-4-27 10:45

梦油 发表于 2022-4-27 10:37
加林森朋友早晨好！你做的图真美。美人、美曲配美图——珠联璧合的好作品

梦油上午好！主要是歌曲好听。{:4_190:}

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

有意思，这转动的效果很像狐妖的尾巴呢{:4_173:}

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

队长也做成帖子了，真棒，给队长点赞{:4_187:}

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

红影 发表于 2022-4-27 10:55
有意思，这转动的效果很像狐妖的尾巴呢

就是啊，我把颜色也改变了，感觉这样更加漂亮了。

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

红影 发表于 2022-4-27 10:55
队长也做成帖子了，真棒，给队长点赞

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

梦油 发表于 2022-4-27 11:09

加林森 发表于 2022-4-27 10:45
梦油上午好！主要是歌曲好听。

是的，加林森朋友每个好听，图也美。

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

梦油 发表于 2022-4-27 11:09
是的，加林森朋友每个好听，图也美。

谢谢你的支持！

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

这个美，简直……太赞了

加林森 发表于 2022-4-27 12:16

马黑黑 发表于 2022-4-27 12:13
这个美，简直……太赞了

老黑上来啦，中午好！{:4_190:}

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

加林森 发表于 2022-4-27 12:16
老黑上来啦，中午好！

队长中午好

加林森 发表于 2022-4-27 12:17

马黑黑 发表于 2022-4-27 12:16
队长中午好

走一个。{:4_191:}

红影 发表于 2022-4-27 12:42

加林森 发表于 2022-4-27 11:01
就是啊，我把颜色也改变了，感觉这样更加漂亮了。

看到了，颜色的确需要根据帖子修改的。

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

红影 发表于 2022-4-27 12:42
看到了，颜色的确需要根据帖子修改的。

是的，这样才更加漂亮的。

梦油 发表于 2022-4-27 15:00

加林森 发表于 2022-4-27 11:51
谢谢你的支持！

好朋友不客气
页: [1] 2
查看完整版本: 《美人吟》 -- 李玲玉