本帖最后由 加林森 于 2022-5-8 21:50 编辑 <br /><br />马黑黑 发表于 2022-2-2 17:26
嗯
开始喝没有啊？
<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-2-2 10:24
初二好。
初二晚上好。
本帖最后由 加林森 于 2022-5-20 13:28 编辑 <br /><br />樵歌 发表于 2022-2-2 18:43
初二晚上好。
樵歌，初二晚上好！闹起来。{:4_175:}
<style>
.outerbox {
position: relative;
left: -340px;
top:150px;
display: flex;
justify-content: center;
align-items: center;
width: 1280px;
height: 720px;
background: #888 url('https://pic.imgdb.cn/item/6286f8d809475431290823e9.jpg') no-repeat center/cover;;
box-shadow: 2px 2px 8px rgba(0,0,0,.95);
perspective: 3000px;
}
.innerbox {
background: #666;
box-shadow: 2px 2px 6px rgba(0,0,0,.85);
transform-style: preserve-3d;
animation: flyout 6s linear infinite alternate;
}
@keyframes flyout {
0% { transform: rotate(0turn); width: 1px; height: 1px; }
80%, 100% { transform: rotate(2turn); width: 600px; height: 600px; }
}
</style>
<div class="outerbox">
<div class="innerbox"></div>
</div>
<script>
let picAr = [
'https://pic.imgdb.cn/item/6286f9ce0947543129098349.jpg',
'https://pic.imgdb.cn/item/6286fa9f09475431290ad48e.jpg',
'https://pic.imgdb.cn/item/6286fb2809475431290b5d51.jpg',
'https://pic.imgdb.cn/item/6286fbb809475431290bb0aa.jpg',
'https://pic.imgdb.cn/item/6286fc9109475431290c3227.jpg'
];
let idx = 0;
let outer = document.querySelector('.outerbox');
let inner = document.querySelector('.innerbox');
let aud = document.createElement('iframe');
aud.src = 'https://music.163.com/outchain/player?type=2&id=1359398436&auto=1&height=66';
aud.style.display = 'none';
outer.appendChild(aud);
setBgImg();
setInterval(setBgImg, 12000);
function setBgImg(){
inner.style = `background: url(${picAr}) no-repeat center/cover`;
idx += 1;
if(idx >= picAr.length) idx = 0;
}
</script>
加林森 发表于 2022-2-2 17:04
这个应该属个人愿意的问题范畴。
现在的生育率不算高呢。
加林森 发表于 2022-2-2 18:10
开始喝没有啊？
今天喝了两餐
马黑黑 发表于 2022-2-2 20:26
今天喝了两餐
厉害厉害
红影 发表于 2022-2-2 20:24
现在的生育率不算高呢。
我们国家的出生率已经下降了很多了。
加林森 发表于 2022-2-2 20:37
我们国家的出生率已经下降了很多了。
是的。
红影 发表于 2022-2-2 20:54
是的。
现在我国比日本的人口出生率还要低得多。
加林森 发表于 2022-2-2 20:31
厉害厉害
正常正常
马黑黑 发表于 2022-2-2 21:26
正常正常
嗯嗯。老黑帮着我看看才发的新疆歌曲。
加林森 发表于 2022-2-2 21:16
现在我国比日本的人口出生率还要低得多。
大家都看穿了想透了吧。
红影 发表于 2022-2-3 13:10
大家都看穿了想透了吧。
应该是的。
加林森 发表于 2022-2-2 19:04
樵歌，初二晚上好！闹起来。
初三下午好。{:4_176:}
樵歌 发表于 2022-2-3 13:39
初三下午好。
初三下午好。{:4_176:}
加林森 发表于 2022-2-3 13:12
应该是的。
而且越是富裕的地方，越不想养孩子，不知道什么原因。
红影 发表于 2022-2-3 15:30
而且越是富裕的地方，越不想养孩子，不知道什么原因。
在学国外的吧
加林森 发表于 2022-2-3 16:19
在学国外的吧
为了的世界搞不懂。
红影 发表于 2022-2-3 17:15
为了的世界搞不懂。
啥意思
加林森 发表于 2022-2-3 17:19
啥意思
未来的世界。打错字了{:4_173:}