早秋三首·其一唐·许浑遥夜泛清瑟，西风生翠萝。残萤委玉露，早雁拂金河。高树晓还密，远山晴更多。淮南一叶下，自觉洞庭波。
梦江南 发表于 2026-4-28 14:48
论坛里的人都是有学问的人，我只是凑个数罢了。
咱们都是来玩的，来放松自己。
梦江南 发表于 2026-4-28 11:54
以放到首页了。
<meta charset="utf-8">
<meta name="referrer" content="never" />
<style type="text/css">
:root { /*这样设置方便根据图片尺寸和张数修改 */
--w:540px; /*图片宽度*/
--h:720px;/*图片高度*/
--u:18; /* 图片张数 */
}
#oBlk {/* 最外层div的设置*/
width:var(--w);
height:var(--h);
margin:50px auto;
overflow:hidden;
border-radius:32px;
position:relative;
}
#picHolder {/*图片框设置 */
/* 这一层的宽度 = 图片张数 * 图片宽度*/
width:calc(var(--u) * var(--w));
height:var(--h);
/* 添加图片动态 : 动态名称 持续时间动态方式无限循环 往复动作*/
animation: mLeft 90s ease-in-out infinite alternate;
}
/* 图片设置宽高向左看齐 */
#picHolder img {width:var(--w);height:var(--h);float:left;}
#picHolder:hover {animation-play-state:paused;}
/* 动态动作设置 , 共10张图片， 每张图片显示及退出时间是总时长的 10%， 其中停留 9%，进出 1% , 每次切换图片实际由图片框左移 --w来实现*/
@keyframes mLeft {
0.00% , 4.72% {margin-left: calc( -0 * var(--w));}
5.56% , 10.28% {margin-left: calc( -1 * var(--w));}
11.11% , 15.83% {margin-left: calc( -2 * var(--w));}
16.67% , 21.39% {margin-left: calc( -3 * var(--w));}
22.22% , 26.94% {margin-left: calc( -4 * var(--w));}
27.78% , 32.50% {margin-left: calc( -5 * var(--w));}
33.33% , 38.06% {margin-left: calc( -6 * var(--w));}
38.89% , 43.61% {margin-left: calc( -7 * var(--w));}
44.44% , 49.17% {margin-left: calc( -8 * var(--w));}
50.00% , 54.72% {margin-left: calc( -9 * var(--w));}
55.56% , 60.28% {margin-left: calc( -10 * var(--w));}
61.11% , 65.83% {margin-left: calc( -11 * var(--w));}
66.67% , 71.39% {margin-left: calc( -12 * var(--w));}
72.22% , 76.94% {margin-left: calc( -13 * var(--w));}
77.78% , 82.50% {margin-left: calc( -14 * var(--w));}
83.33% , 88.06% {margin-left: calc( -15 * var(--w));}
88.89% , 93.61% {margin-left: calc( -16 * var(--w));}
94.44% , 99.17% {margin-left: calc( -17 * var(--w));}
}
</style>
<div id="oBlk">
<div id="picHolder">
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz3J7iax9wDdveFmBlZhUl5jalk0ria73R7cMbS15tib9Azy3EeXX76mj21A/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz3qcibFJXibvhibW17AXGITib25GkPLxMkib1hNJxYeLJvdibhgwjqG9ic3zOIA/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz3BlgWOibIx5m9Z67hG0kU8BiaKCecOGCGZULdGOKic3SbGiciaI7IYUtibY2Q/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz3zQicbnzFiaBFlJYwzJ44dibJhbohrAJdWcftVCLcJ0f0GxjckhRWQicM3g/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz3iaa10iciaUJKgSgtbkTUmTVlcZtyPTcibK0PdgRQ5wvicQCCDZslfEIxrsQ/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz3wZ2WxGdpVJxTM8pdicjZJQ9ju6wPZU59U1BuTNF7QjeG1CMXMws3bTA/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz3DGtdmq9XGiapicdZdQaUm6lxqm83hOrRCCPFlHSFh0ibLtoibuVzrZObZg/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz3wYiav2u7KFFZYLKwicQOu0dhWJF8WZRvhuA7zOcTSvOVg84fic2xJgTpQ/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz3yicHN4C7JZcNXIUMadOX4HPGOzB3mvzFAmYkriadCqlS1Kibjmib4l6HOA/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz373sGXAJs2LQIhTDSia9Kt79Fox7Y4I5Rias4h0kwBGc5e4pL08f6N3bw/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz37tNFm0suvlrkm9oqUbz0ia7skKIR6B3DJAKH7sJbFaaFRibxgVhSUc9w/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz3oO3Ez9OSq3uZtuXoAdAzofhmeZNfibcIFdJAbMeVibQnTRK5nJugxw3w/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz30GickBdw54kJSw10AP0BAXThvrkAtNGAczoS8d1zNoicDIzkZaFaV8mg/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz3pA3tMUNMp5mfibibHSebjIGsaKo3Cp3jkck16JAQKquTkgiaxQfK9yd1Q/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz3pgPz1HEHkOvI1H4FBeY796yicW6tumZI87icpicJ3ESfSGT6FbfxjMrZQ/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz3f5JOgRoL635zkLMwxe5bZamwGbCE0cufPknfyduLUsH4I9ibv0yP69A/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz34T8iaELs4pcd3h3m5uLfvCibqgmz75RXmQqGLZec6dUS8AbzrfiaY3o8A/640"/>
<img src="https://mmbiz.qpic.cn/mmbiz_jpg/nEIBnPibuxxwv0BVrQpAiciaxM4fPJyElz3xS68ZYeuqjSaSLWHeFyV70oIMMG4SMxG9PnaWrIW2wsgJ8FyFuQwuw/640"/></div>
</div>
梦油 发表于 2026-4-28 16:44
咱们都是来玩的，来放松自己。
是的
也曾年轻 发表于 2026-4-28 16:58
:root { /*这样设置方便根据图片尺寸和张数修改 */
--w:540px; /*图片宽度*/
--h ...
这一图只有20首，哇，会移动啊！太棒了！{:4_187:}
梦江南 发表于 2026-4-28 17:02
这一图只有20首，哇，会移动啊！太棒了！
18张图，不知共有多少首
也曾年轻 发表于 2026-4-28 17:03
18张图，不知共有多少首
每张不一样，可能还不到300首 ，看到12首一张的有几张
也曾年轻 发表于 2026-4-28 17:03
18张图，不知共有多少首
算算应该300首有了
也曾年轻 发表于 2026-4-28 17:03
18张图，不知共有多少首
呆呆的数了一下是256首，快速返回了
蝉唐·李商隐本以高难饱，徒劳恨费声。五更疏欲断，一树碧无情。薄宦梗犹泛，故园芜已平。烦君最相警，我亦举家清。
风雨唐·李商隐凄凉宝剑篇，羁泊欲穷年。黄叶仍风雨，青楼自管弦。新知遭薄俗，旧好隔良缘。心断新丰酒，销愁斗几千。
落花唐·李商隐高阁客竟去，小园花乱飞。参差连曲陌，迢递送斜晖。肠断未忍扫，眼穿仍欲归。芳心向春尽，所得是沾衣。
凉思唐·李商隐客去波平槛，蝉休露满枝。永怀当此节，倚立自移时。北斗兼春远，南陵寓使迟。天涯占梦数，疑误有新知。
北青萝唐·李商隐残阳西入崦，茅屋访孤僧。落叶人何在，寒云路几层。独敲初夜磬，闲倚一枝藤。世界微尘里，吾宁爱与憎。
送人东游唐·温庭筠荒戍落黄叶，浩然离故关。高风汉阳渡，初日郢门山。江上几人在，天涯孤棹还。何当重相见，樽酒慰离颜。
灞上秋居唐·马戴灞原风雨定，晚见雁行频。落叶他乡树，寒灯独夜人。空园白露滴，孤壁野僧邻。寄卧郊扉久，何年致此身。
楚江怀古三首·其一唐·马戴露气寒光集，微阳下楚丘。猿啼洞庭树，人在木兰舟。广泽生明月，苍山夹乱流。云中君不见，竟夕自悲秋。
书边事唐·张乔调角断清秋，征人倚戍楼。春风对青冢，白日落梁州。大漠无兵阻，穷边有客游。蕃情似此水，长愿向南流。
巴山道中除夜书怀唐·崔涂迢递三巴路，羁危万里身。乱山残雪夜，孤烛异乡人。渐与骨肉远，转于僮仆亲。那堪正飘泊，明日岁华新。
孤雁二首·其二唐·崔涂几行归塞尽，念尔独何之。暮雨相呼失，寒塘欲下迟。渚云低暗度，关月冷相随。未必逢矰缴，孤飞自可疑。