论坛 › 欢乐水吧 › 红芍药诗词选篇

东篱闲人 发表于 2022-9-19 22:11

红芍药诗词选篇

<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://s1.ax1x.com/2022/09/19/xCS5F0.jpg',
      'https://s1.ax1x.com/2022/09/19/x9vAPO.jpg',
      'https://s1.ax1x.com/2022/09/19/x9vmMd.jpg',
      'https://s1.ax1x.com/2022/09/19/x9vQdP.jpg',
      'https://s1.ax1x.com/2022/09/19/x9vGRg.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=507160391&auto=1&height=66"></iframe>

红芍药 发表于 2022-9-19 22:32

羡慕你老的手艺，制作得真好看，琵笆语弹得也好听。{:4_204:}{:4_204:}

小辣椒 发表于 2022-9-19 22:32

沙发我帮芍药占着

红芍药 发表于 2022-9-19 22:34

粉嘟嘟的底色看起来更有书香气息，感谢你老，辛苦了。{:4_176:}{:4_176:}

东篱闲人 发表于 2022-9-19 22:37

红芍药 发表于 2022-9-19 22:32
羡慕你老的手艺，制作得真好看，琵笆语弹得也好听。

瞎玩呗。。。{:5_117:}

东篱闲人 发表于 2022-9-19 22:37

小辣椒 发表于 2022-9-19 22:32
沙发我帮芍药占着

师傅没摔着吧？{:5_117:}

红芍药 发表于 2022-9-19 22:37

背景是芍药花吧？尽管俺开着芍药花，但真的芍药花长啥样还真认不出。{:4_173:}

东篱闲人 发表于 2022-9-19 22:38

红芍药 发表于 2022-9-19 22:34
粉嘟嘟的底色看起来更有书香气息，感谢你老，辛苦了。

别客气。。。。{:5_117:}

东篱闲人 发表于 2022-9-19 22:38

红芍药 发表于 2022-9-19 22:37
背景是芍药花吧？尽管俺开着芍药花，但真的芍药花长啥样还真认不出。

{:4_172:}

马黑黑 发表于 2022-9-19 22:40

人好，诗好，帖子好

小辣椒 发表于 2022-9-19 22:40

东篱闲人 发表于 2022-9-19 22:37
师傅没摔着吧？

老头我准备下了。明天见

红芍药 发表于 2022-9-19 22:40

东篱闲人 发表于 2022-9-19 22:37
瞎玩呗。。。

你不是瞎玩，你是正儿八经的做出来的。{:4_189:}

东篱闲人 发表于 2022-9-19 22:40

马黑黑 发表于 2022-9-19 22:40
人好，诗好，帖子好

三好啊？{:5_115:}

东篱闲人 发表于 2022-9-19 22:41

小辣椒 发表于 2022-9-19 22:40
老头我准备下了。明天见

{:4_181:}懂的。。。。

红芍药 发表于 2022-9-19 22:42

东篱闲人 发表于 2022-9-19 22:38
别客气。。。。

我不客气，都请你喝酒了。。{:4_174:}

马黑黑 发表于 2022-9-19 22:42

东篱闲人 发表于 2022-9-19 22:41
懂的。。。。

还有很多好

东篱闲人 发表于 2022-9-19 22:43

红芍药 发表于 2022-9-19 22:42
我不客气，都请你喝酒了。。

比画饼充饥还简单。。。。{:4_172:}

红影 发表于 2022-9-20 06:11

以为又是开关门效果，原来是滚动图片效果。画面很雅致，欣赏东篱大哥好帖，芍药收礼开心{:4_187:}

红芍药 发表于 2022-9-20 10:25

东篱闲人 发表于 2022-9-19 22:43
比画饼充饥还简单。。。。

是吧，那饼还要画，这酒一点即可。{:4_173:}

红芍药 发表于 2022-9-20 10:25

红影 发表于 2022-9-20 06:11
以为又是开关门效果，原来是滚动图片效果。画面很雅致，欣赏东篱大哥好帖，芍药收礼开心

谢谢影子，早。{:4_204:}{:4_204:}

查看完整版本: 红芍药诗词选篇