都喜欢的。
我对京剧的兴趣不浓,当然,也能听得懂。 本帖最后由 加林森 于 2022-7-11 21:05 编辑 <br /><br />梦油 发表于 2022-5-24 10:24
我对京剧的兴趣不浓,当然,也能听得懂。
那就好
<style>
#papa { left: -214px; width: 1024px; height: 600px;background: blue url('https://pic.imgdb.cn/item/62cc1383f54cd3f937050dbd.jpg') no-repeat center/cover; box-shadow: 4px 4px 24px #000; position: relative; }
.ball { position: absolute; width: 20px; height: 20px; border-radius: 50%; background: #111; }
</style>
<div id="papa">
<script>
let all = 100;
let pa_w = papa.offsetWidth, pa_h = papa.offsetHeight;
let num = (min, max) => Math.floor(Math.random() * (max-min+1)) + min;
Array.from({length:all}).forEach((x,y) =>{
x = document.createElement('span');
x.className = 'ball';
let wh = num(10,30);
x.style.cssText = `background: linear-gradient(120deg, rgb(${num(0,255)},${num(0,255)},${num(0,255)}),rgb(${num(0,255)},${num(0,255)},${num(0,255)}));
width: ${wh}px; height:${wh}px; left: ${num(0, pa_w - wh)}px; top: ${num(0, pa_h - wh)}px; transition: all ${0.1 * num(2,20)}s linear ${0.1 * num(2,20)}s`;
papa.appendChild(x);
console.log(x.style.transition);
});
let balls = document.querySelectorAll('.ball');
move();
function move() {
for(obj of balls) {
let xx = Math.floor((papa.offsetWidth - obj.offsetWidth) * Math.random());
let yy = Math.floor((papa.offsetHeight - obj.offsetHeight) * Math.random());
obj.style.left = xx + 'px';
obj.style.top = yy + 'px';
}
}
let tt = setInterval(move, 2000);
</script>
加林森 发表于 2022-5-24 10:42
那就好
我父亲带着我听过一次马连良的空城计。 加加整的越来越像样了。。。{:5_116:} 梦油 发表于 2022-5-24 10:49
我父亲带着我听过一次马连良的空城计。
挺好的啊。 东篱闲人 发表于 2022-5-24 10:50
加加整的越来越像样了。。。
跟到你学的,必须要好起来才行啊。 加林森 发表于 2022-5-24 10:53
挺好的啊。
那时候我还小,听得似懂非懂。 梦油 发表于 2022-5-24 16:31
那时候我还小,听得似懂非懂。
嗯嗯。我也是小孩子的时候听的,就跟着哼哼了。 加林森 发表于 2022-5-24 16:36
嗯嗯。我也是小孩子的时候听的,就跟着哼哼了。
我正在城楼上观山景………… 梦油 发表于 2022-5-24 16:42
我正在城楼上观山景…………
{:4_172:}开唱啦。。。。。
页:
1
[2]