绿叶清舟 发表于 2022-7-9 11:28

你过来（套影一下）

本帖最后由 绿叶清舟 于 2022-7-9 11:53 编辑 <br /><br /><style>
#papa {
      left: -202px;      top: 120px;
      width: 1000px;      height: 700px;
      border: 1px solid;
      overflow: hidden;
      position: relative;
      background: #eee url('https://pic.imgdb.cn/item/62c8fbabf54cd3f9374d8244.jpg') no-repeat center/cover;
}
.shipin {
      position: absolute;
      width: 1000px;
      height: 655px;
      top:-55px;
      object-fit: cover;      
}
.piece {
      position: absolute;
      width: 70px;
      height: 70px;
      left: -100px;
      top: 230;
      border-radius: 50%;
      transition: all 4s;
}
@keyframes fly {
      to { left: 40%; bottom: 10%; }
}



</style>
<div id="papa">
      
      
<audio id="aud" src="http://music.163.com/song/media/outer/url?id=1925725448.mp3" autoplay="autoplay" loop="loop"></audio>
    </div><br><br><br><br><br><br>

<script>

let picAr = [
    'https://pic.imgdb.cn/item/62c8f430f54cd3f93744bccf.jpg',
    'https://pic.imgdb.cn/item/62c8f444f54cd3f93744d20b.jpg',
    'https://pic.imgdb.cn/item/62c8f458f54cd3f93744ea5d.jpg',
    'https://pic.imgdb.cn/item/62c8f46bf54cd3f937450499.jpg'
   
];
let pNum = picAr.length, last;//pNum : 小块总数 last : 上一个出场

let gNum = (x, y) => Math.floor(Math.random() * (y-x+1)) + x; //取两数间整数随机数

Array.from({length:pNum}).forEach((item,key) => {
      item = document.createElement('img');
      item.className = 'piece';
       item.src = picAr;
      item.alt = '';
      papa.appendChild(item);
});

setTimeout(in_out, 600);

function in_out() {
      let pieces = document.querySelectorAll('.piece');
      let key = gNum(0, pieces.length - 1);
      if(key == last) key = last + 1; //避免重合
      if(key > pieces.length - 1) key = 0;
      if(last >= 0) pieces.style.cssText = 'transform: translate(0,0) rotate(0) scale(1); opacity: 0';
      pieces.style.cssText = 'transform: translate(556px, 230px) rotate(1turn) scale(2.5); opacity: 1';
      last = key;
      setTimeout(in_out, 6000);
}

</script>
{:4_189:}

大猫咪 发表于 2022-7-9 11:39

哈哈{:4_173:}清舟这制作好玩，这是要PK吗{:4_172:}

醉美水芙蓉 发表于 2022-7-9 11:45

绿叶清舟 发表于 2022-7-9 11:54

大猫咪 发表于 2022-7-9 11:39
哈哈清舟这制作好玩，这是要PK吗

猫在啊，昨天看到影那个贴想到的{:4_189:}

绿叶清舟 发表于 2022-7-9 11:54

醉美水芙蓉 发表于 2022-7-9 11:45
欣赏清舟佳作！

谢谢芙蓉中午好

大猫咪 发表于 2022-7-9 11:55

绿叶清舟 发表于 2022-7-9 11:54
猫在啊，昨天看到影那个贴想到的

嗯嗯来一会了清舟   {:4_189:}

绿叶清舟 发表于 2022-7-9 11:59

大猫咪 发表于 2022-7-9 11:55
嗯嗯来一会了清舟

还在下雨吗，咱这天天说有雨，就是不下来

大猫咪 发表于 2022-7-9 12:00

绿叶清舟 发表于 2022-7-9 11:59
还在下雨吗，咱这天天说有雨，就是不下来

每天都下，一会又出下太阳{:4_173:}

绿叶清舟 发表于 2022-7-9 12:03

大猫咪 发表于 2022-7-9 12:00
每天都下，一会又出下太阳

这雨怕也是没核酸进不了咱这里了吧，天天想雨不来的{:4_189:}

大猫咪 发表于 2022-7-9 12:07

绿叶清舟 发表于 2022-7-9 12:03
这雨怕也是没核酸进不了咱这里了吧，天天想雨不来的

快了，今年雨氺特别多

绿叶清舟 发表于 2022-7-9 12:09

大猫咪 发表于 2022-7-9 12:07
快了，今年雨氺特别多

可是不均沾啊{:4_189:}咱这里今年霉雨季都没下过几次的雨了，往年得近一个月，今年十九天就出霉了

大猫咪 发表于 2022-7-9 12:10

绿叶清舟 发表于 2022-7-9 12:09
可是不均沾啊咱这里今年霉雨季都没下过几次的雨了，往年得近一个月，今年十九天就出霉了

{:4_189:}上海要变下海了

绿叶清舟 发表于 2022-7-9 12:14

大猫咪 发表于 2022-7-9 12:10
上海要变下海了

就是啊，连雨都嫌了{:4_189:}

大猫咪 发表于 2022-7-9 12:15

绿叶清舟 发表于 2022-7-9 12:14
就是啊，连雨都嫌了

{:4_172:}太阳在就好

马黑黑 发表于 2022-7-9 12:16

这是要挑衅谁呢

小辣椒 发表于 2022-7-9 13:14

哈哈~~过来了，谁怕谁啊{:4_170:}

加林森 发表于 2022-7-9 13:18

清舟准干架了？{:4_203:}

小九 发表于 2022-7-9 16:48

你过来，灌水{:4_189:}

梦油 发表于 2022-7-9 17:03

叽里咕噜滚着就来啦！哈哈哈……

加林森 发表于 2022-7-9 17:06

清舟准备挑战谁啊？{:5_106:}
页: [1] 2 3
查看完整版本: 你过来（套影一下）