也曾年轻 发表于 2026-1-6 20:50

地铁坐骑

<meta name="referrer" content="never" />
<style>
:root        {--w:540px;--h:810px}
#oBlk        {width:var(--w);height:var(--h);position:relative;overflow:hidden;border-radius:12px;box-shadow:4px 4px 10px black;margin:auto;}
#pichold        {height:var(--h);position:absolute;left:0px;animation: mleft 91s steps(13) infinite }
#pichold img        {width:var(--w);height:var(--h);float:left;}

@keyframes        mleft        {to {left:calc(-13 * var(--w));}}
</style>
<div id="oBlk"><div id="pichold"></div></div>
<script>
const pics = [
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/nicmKg5NmwmqoGKibr7z2h4AczfkQRicic9v1RgDb70iaE6UlLEK9zo6joWd197PRcDy1fShAjviaFMsnx1uPtKnvVicA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/nicmKg5NmwmqoGKibr7z2h4AczfkQRicic9vNUlUWY2dotzUfUmG8U6HgM341pbPJl0icmNyMTl1iaJE97BYujLxkKmA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/nicmKg5NmwmqoGKibr7z2h4AczfkQRicic9vrRuueniaTFGWrfcdjgfFPums1fTvsGqiciaNdkl6VAGvA9Sk0lNQ1bcqQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/nicmKg5NmwmqoGKibr7z2h4AczfkQRicic9vglRx7v6bZjf6FKIzRtm5dg15b4aicTS1pYL56uWaKv5lwxT0ej1FLeA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/nicmKg5NmwmqoGKibr7z2h4AczfkQRicic9vseg0rFKuaq4zTDJAFSwfRxd8pnaiaibJjnQoEqcjqSAQdC7A5kexMYGg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/nicmKg5NmwmqoGKibr7z2h4AczfkQRicic9v7eyvKfEqaxGl714EY4y01ktGfvbnhXAPCiagqib9ePjicdOOs9q1KgxfQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/nicmKg5NmwmqoGKibr7z2h4AczfkQRicic9vNbvB3jYvyFKrzdVc6kewuy5QtbfEGmSRzqChSKlczrOFjsTnjzUlOQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/nicmKg5NmwmqoGKibr7z2h4AczfkQRicic9vMKHCQtX4nFn8KkVn5sibFMs6y8CKk5620Zg1icbiaZVvLYvdc4TBlkAiaA/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/nicmKg5NmwmqoGKibr7z2h4AczfkQRicic9vrv9C4rUVxmg8bkfV81kjz2PaI38jnx77T1X9VoeulQuOVQhGrYOI1A/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/nicmKg5NmwmqoGKibr7z2h4AczfkQRicic9vxVib4xCSqTmVw74Rn0uJY1zdSEeMG89DqzYnSsRtVQ7vXFyg2tcRnfQ/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/nicmKg5NmwmqoGKibr7z2h4AczfkQRicic9v3Xdt57gUnPXrD6UqsBK2hFdYfjmicZ2cc1OOyx9QUHw88iaAWmepNOXg/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/nicmKg5NmwmqoGKibr7z2h4AczfkQRicic9valLZGSGjzMzxp4iab1hKs7yCExfvqoUa2CrAD7G4OfWwfZXGcicPN78A/640",
"https://mmbiz.qpic.cn/sz_mmbiz_jpg/nicmKg5NmwmqoGKibr7z2h4AczfkQRicic9vZT6icRYgHXUUoM4Y5tyquf0mDXwhGmHn8Va1SD5icZxk2Gycv6zbhN1w/640",
];
let wVal = parseInt(getComputedStyle(document.documentElement).getPropertyValue('--w'));

pichold.style.width = wVal * pics.length + 'px';
pics.forEach(pic => {
        let imgObj = document.createElement('img');
        imgObj.src = pic;
        pichold.appendChild(imgObj);
});
</script>

梦油 发表于 2026-1-6 21:01

地铁里的座椅真是这样也挺有趣的。

也曾年轻 发表于 2026-1-6 22:03

梦油 发表于 2026-1-6 21:01
地铁里的座椅真是这样也挺有趣的。

谢谢欣赏支持!

红影 发表于 2026-1-6 22:04

这样的坐骑太赞了,做在这样的坐骑上等地铁,感觉太好了{:4_187:}

也曾年轻 发表于 2026-1-6 22:42

红影 发表于 2026-1-6 22:04
这样的坐骑太赞了,做在这样的坐骑上等地铁,感觉太好了

大概是天冷了给套上一层装饰

樵歌 发表于 2026-1-7 08:33

很温暖的样纸。

梦江南 发表于 2026-1-7 08:46

现在地铁里还有这种坐骑啊,人性化了。

也曾年轻 发表于 2026-1-7 08:52

樵歌 发表于 2026-1-7 08:33
很温暖的样纸。

大概是为了点缀节日气氛的

也曾年轻 发表于 2026-1-7 08:53

梦江南 发表于 2026-1-7 08:46
现在地铁里还有这种坐骑啊,人性化了。

大概是为了点缀节日气氛的

梦江南 发表于 2026-1-7 09:01

也曾年轻 发表于 2026-1-7 08:53
大概是为了点缀节日气氛的

这有可能,

也曾年轻 发表于 2026-1-7 09:06

梦江南 发表于 2026-1-7 09:01
这有可能,

现在天冷还行,天热就不合适了。

梦江南 发表于 2026-1-7 09:14

这是肯定的

梦油 发表于 2026-1-7 14:11

也曾年轻 发表于 2026-1-6 22:03
谢谢欣赏支持!

也曾年轻朋友别客气。

红影 发表于 2026-1-7 14:24

也曾年轻 发表于 2026-1-6 22:42
大概是天冷了给套上一层装饰

有些造型很奇特,不仅仅是套上个布套那么简单呢{:4_173:}

也曾年轻 发表于 2026-1-7 15:10

红影 发表于 2026-1-7 14:24
有些造型很奇特,不仅仅是套上个布套那么简单呢

基本造型原来就有, 或许表面是不锈钢镀层,现在再加外套。

有个地铁站就在所住的小区边上,好像就是动物造型的只是没注意是什么动物了。

射天狼 发表于 2026-1-7 15:43

真的很有温度!{:4_199:}

也曾年轻 发表于 2026-1-7 18:40

射天狼 发表于 2026-1-7 15:43
真的很有温度!

谢谢支持!

樵歌 发表于 2026-1-7 20:09

也曾年轻 发表于 2026-1-7 08:52
大概是为了点缀节日气氛的

也可能坐着软和{:4_189:}

也曾年轻 发表于 2026-1-7 20:13

樵歌 发表于 2026-1-7 20:09
也可能坐着软和

冬天很舒适,夏天就受罪了
页: [1]
查看完整版本: 地铁坐骑