东篱闲人 发表于 2022-8-19 22:13

梅雨江南


<style>
#papa { left:-400px; width: 1400px; height: 792px; box-shadow: 3px 3px 24px #000; background: #111 linear-gradient(#FAF0E6,#FAF0E6); position: relative; }
#drawer { position: absolute; width: 900px;; height: 792px; left:250px; top: 0px; box-shadow: inherit; overflow: hidden; }
.mypic { position: absolute; top: -100%; width: 100%; height: 100%; transition: top 1.5s;}
</style>

<div id="papa">
      <div id="drawer"></div>
</div>

<script>
let step = 1, start = 0, ani = 100, last;
let pics = [
      'https://pic.imgdb.cn/item/62ff97b616f2c2beb157728f.jpg',
      'https://pic.imgdb.cn/item/62ff97db16f2c2beb1579109.jpg',
      'https://pic.imgdb.cn/item/62ff97fc16f2c2beb1580ac8.jpg',
      'https://pic.imgdb.cn/item/62ff982216f2c2beb15836a1.jpg',
         'https://pic.imgdb.cn/item/62ff984416f2c2beb1584712.jpg',
      'https://pic.imgdb.cn/item/62ff986516f2c2beb15860db.jpg',
      
];

for(pic of pics) {
      let ele = document.createElement('img');
      ele.src = pic;
      ele.alt = '';
      ele.title = pic;
      ele.className = 'mypic';
      drawer.appendChild(ele);
}

let picAr = document.querySelectorAll('.mypic');

picAni(0, picAr.length - 1);

let timer = setInterval(() => { picAni(0, picAr.length - 1); },10000);

function picAni(n1, n2) {
      if(last != undefined) picAr.style.top= ani + '%';
      let temp = start;
      last = temp;
      ani = step < 0 ? -100 : 100;
      picAr.style.top = '0%';
      start += step;
      if(start == n1 || start == n2) step = -step;
}
</script>
<iframe frameborder="no" border="0" marginwidth="0" marginheight="0" width=1 height=1 src="//music.163.com/outchain/player?type=2&id=1447823539&auto=1&height=66"></iframe>

马黑黑 发表于 2022-8-19 22:15

精美雅致，欣赏东篱新作品

东篱闲人 发表于 2022-8-19 22:16

马黑黑 发表于 2022-8-19 22:15
精美雅致，欣赏东篱新作品

喝水。。。{:4_176:}

马黑黑 发表于 2022-8-19 22:26

东篱闲人 发表于 2022-8-19 22:16
喝水。。。

我喜欢白水{:4_191:}

小辣椒 发表于 2022-8-19 22:31

哇瑟，还有一个精美的制作{:4_178:}

小辣椒 发表于 2022-8-19 22:33

老头这种瓦片盖的楼，现在应该很少了吧

东篱闲人 发表于 2022-8-19 22:35

小辣椒 发表于 2022-8-19 22:33
老头这种瓦片盖的楼，现在应该很少了吧

不知道啊，师傅身在江南，应该知道。。。{:5_112:}

小辣椒 发表于 2022-8-19 22:36

这个是六月风景？江南梅子开的花，老头你会不会太诗情画意了啊{:4_170:}

好像有和那个大户人家小姐约会？

小辣椒 发表于 2022-8-19 22:36

这个音乐也是太好听了{:4_178:}

小辣椒 发表于 2022-8-19 22:37

6个小图，个个精彩{:4_178:}

小辣椒 发表于 2022-8-19 22:39

东篱闲人 发表于 2022-8-19 22:35
不知道啊，师傅身在江南，应该知道。。。

这个只有老屋保留，还是可以看见，现在不能乱拆了

东篱闲人 发表于 2022-8-19 22:42

小辣椒 发表于 2022-8-19 22:36
这个是六月风景？江南梅子开的花，老头你会不会太诗情画意了啊

好像有和那个大户人家小姐约会 ...

不行，俺怕她爹揍俺。。。{:5_117:}

小辣椒 发表于 2022-8-19 22:43

东篱闲人 发表于 2022-8-19 22:42
不行，俺怕她爹揍俺。。。

怎么可能，老头的才气人见人爱{:4_170:}

东篱闲人 发表于 2022-8-19 22:45

小辣椒 发表于 2022-8-19 22:43
怎么可能，老头的才气人见人爱

模样不行。。。。{:5_103:}

青青子衿 发表于 2022-8-19 22:48

手机看不全音画

青青子衿 发表于 2022-8-19 22:49

音乐也听不见，东篱先生，是什么原因呢

东篱闲人 发表于 2022-8-19 22:53

青青子衿 发表于 2022-8-19 22:49
音乐也听不见，东篱先生，是什么原因呢

手机的原因。。。{:5_117:}

加林森 发表于 2022-8-19 23:58

又是我没有看见的！{:4_203:}

加林森 发表于 2022-8-20 08:44

再来欣赏！

东篱闲人 发表于 2022-8-20 09:28

加林森 发表于 2022-8-19 23:58
又是我没有看见的！

这不是看到了。。。{:5_117:}
页: [1] 2
查看完整版本: 梅雨江南