醉美水芙蓉 发表于 2022-5-21 22:37

学习

本帖最后由 醉美水芙蓉 于 2022-5-21 22:37 编辑 <br /><br /><div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1573448">


<style>
.outerbox {
      position: relative;
      left: -242px;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 1080px;
      height: 666px;
      background: #888 url('https://img-baofun.zhhainiao.com/fs/d160646130fea2b0cfb3acab43bc9f90.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://img-baofun.zhhainiao.com/fs/4bebb706064d74b2eda88f02eb42cd7e.jpg',
      ' https://img-baofun.zhhainiao.com/fs/9e5b4d67335d5bbb581e94fa867bd9f7.jpg',
      ' https://img-baofun.zhhainiao.com/fs/7a6b510914e558260b4d978d2b0e1163.jpg',
      ' https://img-baofun.zhhainiao.com/fs/3e60b9e4cf66cb6ebc9b5597c48e2c18.jpg',
      'https://img-baofun.zhhainiao.com/fs/c29978f5122d8435adedb5e760e005ec.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=28411632&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>
</td></tr></table>

马黑黑 发表于 2022-5-21 22:53

背景选的好。海滩上美女作秀，俺要找个位子坐坐{:4_170:}

加林森 发表于 2022-5-21 22:59

累啊。美女这么多好累的啊。怎么就没有坐的地方啊？{:5_117:}

红影 发表于 2022-5-21 23:08

漂亮的沙滩，还有美女陆续登场，真亮眼的制作，欣赏水芙蓉好帖{:4_187:}

醉美水芙蓉 发表于 2022-5-22 08:38

马黑黑 发表于 2022-5-21 22:53
背景选的好。海滩上美女作秀，俺要找个位子坐坐

沙滩上有椅子，黑黑老师可以坐下休息！

马黑黑 发表于 2022-5-22 08:39

醉美水芙蓉 发表于 2022-5-22 08:38
沙滩上有椅子，黑黑老师可以坐下休息！

结实不呢？我差不多两百斤

醉美水芙蓉 发表于 2022-5-22 08:39

加林森 发表于 2022-5-21 22:59
累啊。美女这么多好累的啊。怎么就没有坐的地方啊？

队长累了！我搬个椅子给队长坐坐！

醉美水芙蓉 发表于 2022-5-22 08:40

红影 发表于 2022-5-21 23:08
漂亮的沙滩，还有美女陆续登场，真亮眼的制作，欣赏水芙蓉好帖

红影美女早上好！

东篱闲人 发表于 2022-5-22 08:40

三亚啊。。。。{:5_116:}

醉美水芙蓉 发表于 2022-5-22 08:41

东篱闲人 发表于 2022-5-22 08:40
三亚啊。。。。

东篱老师早上好！

东篱闲人 发表于 2022-5-22 08:42

醉美水芙蓉 发表于 2022-5-22 08:41
东篱老师早上好！

嗯嗯，早上好。。。。{:5_108:}

加林森 发表于 2022-5-22 08:52

醉美水芙蓉 发表于 2022-5-22 08:39
队长累了！我搬个椅子给队长坐坐！

好的好的

红影 发表于 2022-5-22 10:43

醉美水芙蓉 发表于 2022-5-22 08:40
红影美女早上好！

水芙蓉也赶紧换个美美的头像啊，记得东篱大哥做了个给你的呢{:4_204:}

大猫咪 发表于 2022-5-22 12:21



水芙蓉真棒！制作精美，好听好看！

{:4_204:}{:4_199:}

醉美水芙蓉 发表于 2022-5-22 12:23

红影 发表于 2022-5-22 10:43
水芙蓉也赶紧换个美美的头像啊，记得东篱大哥做了个给你的呢

还是不会换？

醉美水芙蓉 发表于 2022-5-22 12:24

大猫咪 发表于 2022-5-22 12:21
水芙蓉真棒！制作精美，好听好看！

谢谢猫咪欣赏支持！

小辣椒 发表于 2022-5-22 12:24

漂亮，其实按水芙蓉的代码基础，黑黑老师每一个教程你都可以做出来的

醉美水芙蓉 发表于 2022-5-22 12:25

小辣椒 发表于 2022-5-22 12:24
漂亮，其实按水芙蓉的代码基础，黑黑老师每一个教程你都可以做出来的

谢谢辣椒美女鼓励！

醉美水芙蓉 发表于 2022-5-22 12:26

小辣椒 发表于 2022-5-22 12:24
漂亮，其实按水芙蓉的代码基础，黑黑老师每一个教程你都可以做出来的

小辣椒问下如何换头像？我怎么点不动换头像呢？

小辣椒 发表于 2022-5-22 12:26

醉美水芙蓉 发表于 2022-5-22 12:25
谢谢辣椒美女鼓励！

不客气啊
页: [1] 2
查看完整版本: 学习