本帖最后由 加林森 于 2022-3-16 17:59 编辑 <br /><br />东篱闲人 发表于 2021-12-28 20:00
俺摸摸。没有。
等会就会痒了
<style>
#clkBtn { width: 100px; height: 100px; border-radius: 50%; background: rgba(0, 0, 0, .8); cursor: pointer; position: relative; }
#clkBtn::before { content: ''; position: absolute; left: 5px; top: 5px; background: rgba(0, 0, 0, .2); width: 88px; height: 88px; border: 1px solid #555; border-radius: 50%; }
#zhizhen { position: absolute; left: 50px; top: 50px; width: 2px; height: 44px; background: red; transform-origin: 0 0; animation: go 3s linear infinite; }
@keyframes go { to { transform: rotate(360deg);} }
</style>
<div id="clkBtn">
<div id="zhizhen"></div>
</div>
<audio id="music" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=488664116.mp3" ></audio>
<script language="javascript">
var aud = document.getElementById('music');
var btn = document.getElementById('clkBtn');
var zz = document.getElementById('zhizhen');
btn.onclick = function(){ aud.paused ? (aud.play(), zz.style.animationPlayState = "running") : (aud.pause(), zz.style.animationPlayState = "paused"); }
aud.addEventListener("ended", function(){ zz.style.animationPlayState = "running"; });
</script>
加林森 发表于 2021-12-28 20:04
等会就会痒了
等。。。
本帖最后由 加林森 于 2022-5-15 20:57 编辑 <br /><br />东篱闲人 发表于 2021-12-28 20:28
等。。。
好的
<style type="text/css">
.mnBox {
margin: auto;
margin-top: 20px;
position: relative;
background: #333 url('https://pic.imgdb.cn/item/6280f2650947543129ee5cbf.jpg') no-repeat center/cover;
height: 400px;
width: 720px;
border: 1px solid;
box-shadow: 0px 0px 0px 8px tan;
}
.mnBox iframe {
position: absolute;
left: -248px;;
top: calc(100% - 50px);
clip-path: circle(16px at 271px);
opacity: 0.8;
}
.rain {
width: 1px;
height: 8px;
top: -5px;
left: 100px;
background: #eee;
position: relative;
display: block;
animation: rain 0.5s linear infinite;
}
.rain::before, .rain::after{
content: "";
position: absolute;
left: 10px;
top: -120px;
width: 1px;
height: 10px;
background: #eee;
}
.rain::after { height: 12px; left: -70px; top: 50px; }
.circle {
position:absolute;
width: 3px;
height: 1px;
left: 85px;
top: 90%;
background:none;
border: 1px solid #FFF;
border-radius: 50%;
animation:circle 2s ease-out infinite;
}
@keyframes circle {
0% { width:0; height:0; }
50% { opacity:0.1; width:2%; height:2%; }
60% { opacity:0.2; width:2%; height:2%; }
100% { opacity:0; width:2%; height:2%; }
}
@keyframes rain {
0% { opacity:0.5; }
100% { opacity:0.5; top:40%;}
}
</style>
<div id="mnBox" class="mnBox">
<span class="rain"></span>
<span class="circle"></span>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=298 height=52 src="https://music.163.com/outchain/player?type=2&id=1842362164&auto=1&height=32"></iframe>
</div>
<script language="javascript">
function rain() {
var str = "";
for(i=0; i<10; i++) {
var l = Math.ceil(Math.random()*500);
str += "<span class='rain' style='left:" + l +"px;'></span>";
}
for(j=0;j<10; j++){
var k1 = Math.ceil(Math.random()*70+20);
var k2 = Math.round(Math.random()*20+70);
str += "<span class='circle' style='left:" + k1 +"%;top:" + k2 +"%;'></span>";
}
document.getElementById('mnBox').innerHTML += str;
}
rain();
</script>
东篱闲人 发表于 2021-12-28 19:50
在骂管理员。。。。
这个好像是送你的啊{:4_189:}
加林森 发表于 2021-12-28 19:58
哥哥是神，对不对啊？
哦哦，原来是这意思啊{:4_189:}
红影 发表于 2021-12-28 20:42
这个好像是送你的啊
让俺帮着骂，俺淳朴。。。
红影 发表于 2021-12-28 20:43
哦哦，原来是这意思啊
是的是的
东篱闲人 发表于 2021-12-28 20:46
让俺帮着骂，俺淳朴。。。
快看队长解释，哥哥的不是人，是神{:4_189:}
红影 发表于 2021-12-28 21:28
快看队长解释，哥哥的不是人，是神
神也不是人。。。{:5_106:}
东篱闲人 发表于 2021-12-30 09:28
神也不是人。。。
不过呢，妖怪也不是人{:4_189:}
哥哥不是人是神
元奇 发表于 2021-12-30 12:38
哥哥不是人是神
对的
红影 发表于 2021-12-30 12:21
不过呢，妖怪也不是人
都不是人。。。{:4_170:}
闲老头收礼开心
元酒 发表于 2021-12-30 20:01
闲老头收礼开心
元酒来啦，{:4_176:}
闲人不是人了啊？
元武 发表于 2021-12-30 21:21
闲人不是人了啊？
可能的是！{:4_189:}
啊，哥哥不是人TO：东篱闲人，那不就是说老头不是人了？{:4_173:}
团长 发表于 2021-12-30 22:03
啊，哥哥不是人TO：东篱闲人，那不就是说老头不是人了？
是神{:4_189:}
哥哥不是平常人，三宫六院七十二妃怎么也是人上人了