马黑黑 发表于 2021-11-25 12:03

加林森 发表于 2021-11-25 08:57
现在你先交钱100元

梦里交

加林森 发表于 2021-11-25 14:25

本帖最后由 加林森 于 2022-4-28 21:48 编辑 <br /><br />马黑黑 发表于 2021-11-25 12:03
梦里交
拿来

<style>
.book {
      left: -180px;
      display: flex;
      align-items: center;
      width: 840px;
      height: 620px;
      perspective: 1000px;
      cursor: pointer;
      padding: 10px;
      position: relative;
      background: rgba(0,0,0,.0);
}
.page {
      background: #FFFFFF;
      padding: 0px;
      width: 410px;
      height: 600px;
      left: 50%;
      border-left: 1px solid #DCDCDC;
      transform-origin: left;
      box-shadow: inset 0px 0px 2px rgba(0,0,0,.5), 1px 1px 12px rgba(255,255,255,.8);
      transform-style: preserve-3d;
      position: absolute;
}
.page div:nth-child(1) {}
.page div:nth-child(2) { display: none; }
@keyframes rot1{
      from { transform: rotateY(0deg); }
      to { transform: rotateY(-180deg); }
}
@keyframes rot2{
      from { transform: rotateY(-180deg); }
      to { transform: rotateY(0deg); }
}
</style>

<div class="book">
      <div class="page">
                <div>https://pic.imgdb.cn/item/626a93bf239250f7c5d6f1e3.jpg</div>
                <div>https://pic.imgdb.cn/item/626a9475239250f7c5d8ed3f.jpg</div>
      </div>
      <div class="page">
                <div>https://pic.imgdb.cn/item/626a9638239250f7c5ddb262.jpg</div>
                <div>https://pic.imgdb.cn/item/626a96dd239250f7c5df9f3d.jpg</div>
      </div>
      <div class="page">
                <div>https://pic.imgdb.cn/item/626a97d8239250f7c5e24113.jpg</div>
                <div>https://pic.imgdb.cn/item/626a9890239250f7c5e457bd.jpg</div>
      </div>



<script>
let page = document.querySelectorAll(".page");
let idx = 0;
let all = page.length;
let currentPage = 0;

setzIdx();

document.querySelector(".book").onclick = function(){
      if(idx == 0){ //前翻
                page.style.animation = "rot1 .5s linear forwards";
                page.children.style.display = "none";
                page.children.style.display = "block";
                page.children.style.transform = "rotateY(-180deg)";
                currentPage ++;
                if(currentPage == all){
                        idx = 1;
                        currentPage = all - 1;
                }
      } else { //后翻
                page.style.animation = "rot2 .5s linear forwards";
                page.children.style.display = "none";
                page.children.style.display = "block";
                page.children.style.transform = "rotateY(0deg)";
                currentPage --;
                if(currentPage < 0){
                        idx = 0;
                        currentPage = 0;
                }
      }
      setzIdx();
}

function setzIdx(){
      for(j=currentPage; j<all; j++){
               page.style.zIndex = all - j;
      }
      for(j=0; j<currentPage;j++) {
                page.style.zIndex = j + 1;
      }
      if(currentPage == all - 1) page.style.zIndex = all;
}
</script>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=1 height=1 src="//music.163.com/outchain/player?type=2&id=502238022&auto=1&height=66"></iframe>

马黑黑 发表于 2021-11-25 19:27

加林森 发表于 2021-11-25 14:25
拿来

梦里拿去

加林森 发表于 2021-11-25 19:49

马黑黑 发表于 2021-11-25 19:27
梦里拿去

我不做梦的

马黑黑 发表于 2021-11-25 19:49

加林森 发表于 2021-11-25 19:49
我不做梦的

那就收不到

加林森 发表于 2021-11-25 19:59

马黑黑 发表于 2021-11-25 19:49
那就收不到

我要现金的{:4_170:}

马黑黑 发表于 2021-11-25 22:57

加林森 发表于 2021-11-25 19:59
我要现金的

梦里要啥有啥

加林森 发表于 2021-11-25 23:27

马黑黑 发表于 2021-11-25 22:57
梦里要啥有啥

见鬼啊？

加林森 发表于 2021-11-25 23:44

准备睡觉了{:5_110:}

加林森 发表于 2021-11-26 00:00

时间到，准备睡觉！朋友们拜拜了！{:5_110:}

安宁 发表于 2021-11-26 00:05

加林森 发表于 2021-11-24 19:02
我感觉你皮痒了？

烤烤就好   极速止痒

马黑黑 发表于 2021-11-26 07:42

加林森 发表于 2021-11-25 23:27
见鬼啊？

梦里见

加林森 发表于 2021-11-26 12:58

安宁 发表于 2021-11-26 00:05
烤烤就好   极速止痒

是的是的

加林森 发表于 2021-11-26 13:14

马黑黑 发表于 2021-11-26 07:42
梦里见

又做梦啊

马黑黑 发表于 2021-11-26 17:51

加林森 发表于 2021-11-26 13:14
又做梦啊

梦里啥都好说出

加林森 发表于 2021-11-26 18:06

马黑黑 发表于 2021-11-26 17:51
梦里啥都好说出

老黑爱做梦？

马黑黑 发表于 2021-11-26 19:38

加林森 发表于 2021-11-26 18:06
老黑爱做梦？

睡眠正常的人都做梦的

加林森 发表于 2021-12-3 00:05

时间到了{:5_110:}

马黑黑 发表于 2021-12-3 07:48

加林森 发表于 2021-12-3 00:05
时间到了

楼主| 发表于 2021-12-3 00:05

超了五秒

加林森 发表于 2021-12-3 12:47

马黑黑 发表于 2021-12-3 07:48
楼主| 发表于 2021-12-3 00:05

超了五秒

嗯嗯，过了过了。
页: 1 [2] 3 4 5
查看完整版本: 走也！睡觉去了！