加林森 发表于 2021-9-8 19:19
谢谢红影！
一醉解千愁{:4_191:}
加林森 发表于 2021-9-8 19:20
没办法，我得负责水区啊。
休息还是需要的啊，不能把这个当负担{:4_204:}
本帖最后由 加林森 于 2022-4-14 17:20 编辑 <br /><br />红影 发表于 2021-9-8 19:24
休息还是需要的啊，不能把这个当负担
好的好的
<style>
.mnBox {
position: relative; display: flex; justify-content: center; align-items: center; width: 1200px; height: 675px; left: -304px;top:150px; perspective: 1100px;background: #eee url('https://pic.imgdb.cn/item/6257604d239250f7c52e5931.jpg') no-repeat center/cover; box-shadow: 4px 4px 5px #888;border-radius:12px;}
.imgBox {
--w: 180px; --h: 330px; position: absolute; width: var(--w); height: var(--h); cursor: pointer; transform-style: preserve-3d; animation: rotate 45s linear infinite; }
.imgBox img { width: var(--w); height: var(--h); position: absolute; }
@keyframes rotate { 100% { transform: rotateY(-360deg); } }
</style>
<div class="mnBox">
<div class="imgBox"></div>
</div><br><br><br><br><br><br><br><br>
<script language="javascript">
let picAr = [
"https://pic.imgdb.cn/item/6256e750239250f7c5c08109.gif",
"https://pic.imgdb.cn/item/6256f2ad239250f7c5d36845.gif",
"https://pic.imgdb.cn/item/62576a5e239250f7c536ed05.gif",
"https://pic.imgdb.cn/item/6256f876239250f7c5dce9ac.gif",
"https://pic.imgdb.cn/item/6256f986239250f7c5de7962.gif",
"https://pic.imgdb.cn/item/62576b52239250f7c537e7ae.gif",
"https://pic.imgdb.cn/item/625757be239250f7c5273717.gif",
"https://pic.imgdb.cn/item/625758c9239250f7c527ea68.gif",
"https://pic.imgdb.cn/item/62576c1f239250f7c538ae15.gif",
"https://pic.imgdb.cn/item/62575b31239250f7c5299c1c.gif",
"https://pic.imgdb.cn/item/62575cab239250f7c52af3d5.gif",
"https://pic.imgdb.cn/item/62575d61239250f7c52bb0a9.gif",
"https://pic.imgdb.cn/item/62576c89239250f7c5391171.gif",
"https://pic.imgdb.cn/item/62575ebb239250f7c52d1e4d.gif"
];
let iBox = document.querySelector(".imgBox");
let hStr = "";
let angle = 360 / picAr.length;
let tz = Math.tan(Math.PI / 180 * (180 - angle) /2 ) * iBox.clientWidth / 2;
for(j=0; j<picAr.length; j++) {
hStr += `<div style="transform: rotateY(${angle*j}deg) translateZ(${tz}px);"><img alt="" src="${picAr}"
/></div>\n`;
}
iBox.innerHTML = hStr;
let au = document.createElement("audio");
au.src = "https://music.163.com/song/media/outer/url?id=31245320.mp3";
au.autoplay = true;
au.loop = true;
document.querySelector(".mnBox").appendChild(au);
iBox.onmousemove = function(){ iBox.style.animationPlayState = "paused"; }
iBox.onmouseout = function(){ iBox.style.animationPlayState = "running"; }
iBox.onclick = function() {
au.paused ? (au.play(), this.style.animationPlayState = "running") : (au.pause(), this.style.animationPlayState =
"paused");
}
</script>
红影 发表于 2021-9-8 19:23
一醉解千愁
好啊，干杯{:4_191:}
加林森 发表于 2021-9-8 19:26
好的好的
快乐自在，才玩得更长久{:4_204:}
加林森 发表于 2021-9-8 19:27
好啊，干杯
嗯嗯，下班了，喝点没问题{:4_173:}
红影 发表于 2021-9-8 19:30
嗯嗯，下班了，喝点没问题
嗯嗯，你还在上班，幸福啊。我已经退休了。
红影 发表于 2021-9-8 19:30
快乐自在，才玩得更长久
明白的，就是想大家多来玩啊。
加林森 发表于 2021-9-8 19:31
嗯嗯，你还在上班，幸福啊。我已经退休了。
上班有什么幸福啊，每天都不能睡懒觉，天天放假才好呢{:4_173:}
红影 发表于 2021-9-8 19:33
上班有什么幸福啊，每天都不能睡懒觉，天天放假才好呢
等你退休了就明白我说的话了。{:4_189:}
加林森 发表于 2021-9-8 19:32
明白的，就是想大家多来玩啊。
队长找点好玩的，大家自己就都跑来了，比如玩故事接龙啊、大辩论啊等等，会让热忍不住想发表“高见”{:4_173:}
加林森 发表于 2021-9-8 19:34
等你退休了就明白我说的话了。
人生每个时期有每个时期的乐趣，我是这样觉得的。
上班退休围城说{:5_106:}
红影 发表于 2021-9-8 19:40
队长找点好玩的，大家自己就都跑来了，比如玩故事接龙啊、大辩论啊等等，会让热忍不住想发表“高见”{:4_ ...
好的好的
红影 发表于 2021-9-8 19:40
人生每个时期有每个时期的乐趣，我是这样觉得的。
嗯嗯，各种感觉都不会一样的。
驻在平安夜前夕 发表于 2021-9-8 19:45
上班退休围城说
说得好！{:4_187:}
加林森 发表于 2021-9-8 20:01
好的好的
怎么快乐怎么玩{:4_173:}
加林森 发表于 2021-9-8 20:02
嗯嗯，各种感觉都不会一样的。
把每一段都过好过得欢乐，整个人生就是欢乐的。
红影 发表于 2021-9-8 20:24
怎么快乐怎么玩
是啊{:5_151:}
红影 发表于 2021-9-8 20:24
把每一段都过好过得欢乐，整个人生就是欢乐的。
对头