【清风扶摇】初夏，遇见

东篱闲人

那年夏天 发表于 2025-5-14 09:34
你今天还没换衣服，快去换

今天下雨了，不换了。。。。

东篱闲人

雨的思念 发表于 2025-5-14 09:35
那也能分享啊

能。

雨的思念

东篱闲人 发表于 2025-5-14 09:36
能。

丢出来研究研究

东篱闲人

雨的思念 发表于 2025-5-14 09:39
丢出来研究研究

<style>
#papa { left: 0px; 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://pic1.imgdb.cn/item/6823358258cb8da5c8f09d4d.jpg',
        'https://pic1.imgdb.cn/item/682335af58cb8da5c8f09d6d.jpg',
        'https://pic1.imgdb.cn/item/682335d158cb8da5c8f09d7d.jpg',
        'https://pic1.imgdb.cn/item/682335e758cb8da5c8f09d80.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[last].style.top= ani + '%';
        let temp = start;
        last = temp;
        ani = step < 0 ? -100 : 100;
        picAr[temp].style.top = '0%';
        start += step;
        if(start == n1 || start == n2) step = -step;
}
</script>
<audio style="width: 1px; height: 1px;" src="http://cgi.kg.qq.com/fcgi-bin/fcg_get_play_url?shareid=Nfjil3NnSYY0UNba" autoplay="autoplay" loop="loop" controls="controls" type="audio/mpeg"></audio>

雨的思念

东篱闲人 发表于 2025-5-14 09:41
#papa { left: 0px; width: 1400px; height: 792px; box-shadow: 3px 3px 24px #000; background: #111 ...

谢谢老板！

月遥遥

电脑总算可以看到了，做的太精致了，老头一出手，就是精品啊

东篱闲人

雨的思念 发表于 2025-5-14 09:44
谢谢老板！

你看你客气的小样子。。。

东篱闲人

月遥遥 发表于 2025-5-14 10:03
电脑总算可以看到了，做的太精致了，老头一出手，就是精品啊

真滴吗？

月遥遥

东篱闲人 发表于 2025-5-14 10:14
真滴吗？

啥时候跟你说过假话了

东篱闲人

月遥遥 发表于 2025-5-14 10:15
啥时候跟你说过假话了

嗯嗯，好像没有哈。。。