《十全十美》图

起个网名好难 发表于 2025-2-16 13:20

本帖最后由起个网名好难于 2025-2-16 15:15 编辑 <br /><br /><meta name="referrer" content="never" >
<style>
#sqtBlk {width:540px;height:450px;overflow:hidden; margin:auto; position: relative;}
#sqtHold {width:5400px;height:450px;position:absolute;top:0; left:0px;animation:sqtmvleft 80s linear 4s infinite;}
.sqt {width:540px;height:450px;float:left;}
#smtBlk {width:540px;height:640px;overflow:hidden; margin:auto; position:relative;}
#smtHold {width:540px;height:6400px;position:absolute;top:0; left:0px;animation:smtmvup 80s linear infinite;}
.smt {width:540px;height:640px;}
#outBlk {width:1280px;height:760px;margin:80px auto 40px calc(50% - 721px);background-color:hsl(60, 50%,40%);overflow:hidden;border-radius:24px;box-shadow:4px 4px 10px black; position: relative;font-size:16px;}
#innerBlk {width:100%;height:660px; display: flex;justify-content: center;align-items: center;position:relative;}
@keyframes sqtmvleft {
0%, 9.5% {left:0px;}
10%,19.5% {left:-540px}
20%,29.5% {left:-1080px}
30%,39.5% {left:-1620px}
40%,49.5% {left:-2160px}
50%,59.5% {left:-2700px}
60%,69.5% {left:-3240px}
70%,79.5% {left:-3780px}
80%,89.5% {left:-4320px}
90%,99.5% {left:-4860px}
}
@keyframes smtmvup {
0%, 9.5% {top:0px;}
10%,19.5% {top:-640px}
20%,29.5% {top:-1280px}
30%,39.5% {top:-1920px}
40%,49.5% {top:-2560px}
50%,59.5% {top:-3200px}
60%,69.5% {top:-3840px}
70%,79.5% {top:-4480px}
80%,89.5% {top:-5120px}
90%,99.5% {top:-5760px}
}
</style>
<div id="outBlk">
<div id="innerBlk">
<fieldset style="width:600px;display:inline;margin-top:50px;overflow:hidden;border-radius:24px;">
<legend style="margin:12 auto; width:35%;color:brown;text-align:center;"><h3>艾启蒙《十骏犬》</h3></legend>
<div id="sqtBlk">
<div id="sqtHold">
<img class="sqt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUpTvdfmPGGE3agdMticLSZAWozuU5I56YMyXrcz3Oqj2ZdQoULGkqT8w/640" title="睒星狼" />
<img class="sqt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRURmq6U59ibicj1GgR2RsyvHibyDYCmdRQYk4cpBzekv4Jg4ewfkgiauOBwg/640" title="霜花鹞" />
<img class="sqt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUnsiaSTibSGrpYEPBicdBYqxHLeKSvnqK4Z94Ntv9lWTjD2kLiaicia8Vah6Q/640" title="墨玉璃" />
<img class="sqt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUyJ3GGMTa8mSBplrg9GxDIxIA1SNluI4utNibdFusDibpOg6Kpaice9Y0w/640" title="蓦空鹊" />
<img class="sqt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUAPFe0RxVC4hNqXpK3mUskuaTxAPdkIqgNUxtUfHDh8K6QFI6PQXw4A/640" title="苍水虬" />
<img class="sqt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUAwOhnIgqAp7V5v6g8GOWxX5aGOzet12J5Hfdia99djublkSicibictiaI3Q/640" title="斑锦彪" />
<img class="sqt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUTGibZsbfYLriaiadCz6czGyhmSoI9MmdVYcTWUMtkgoN2OVGLw1u8jbhg/640" title="雪爪卢" />
<img class="sqt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRU6cajJJGiaoEBHCyLXgtdm5NAe9YAbEyf5ElUYvLCic7wqoP8ppicR5H3A/640" title="金翅猃" />
<img class="sqt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUiaiaicpCYRgpWT5lictFINfXmqIo2Lqdqf6CcKtViaUTvn1kY5l9iaStx9dQ/640" title="漆点猣" />
<img class="sqt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUibM4MJ3AfgqVR3TURT4xWvrxsicPJxtJ2Rkl7Y7AcZx0xO1AEP6PKOhg/640" title="茹黄豹" />
</div>
</div>
</fieldset>
<fieldset style="width:600px;display:inline;margin-top:50px;overflow:hidden;border-radius:24px;">
<legend style="margin:12 auto; width:50%;color:brown;text-align:center;"><h3>郎世宁《花卉册》又称《十美图》</h3></legend>
<div id="smtBlk">
<div id="smtHold">
<img class="smt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUnbFM4SRBerMOPeiczs3d4muTgAcIGFwebRbg1szexvbSMOoGh968MRA/640" title="牡丹" />
<img class="smt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRU5vnibeFhz8AGkILicSkAG4iaf9OlFzEA22xibMejfIniarvS4iancRh8SmZA/640" title="芍药" />
<img class="smt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUdwibhZ3gcttxnNbOJQDZFgedtaONOqpVEpU4Z2ErKPQEftxpZNeyhug/640" title="朱雀玉兰" />
<img class="smt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUq0ZFgvbu3A8X3gBOkhn671MorKDh3QOKRa1lEQnjfCwE34Xe8WxZVw/640" title="鸦雀与黄刺玫" />
<img class="smt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUCwJkOac4B1yzoSQBHMyIYc8aQTvxialwZjFz7OcXvYZbGf16E8B3OXQ/640" title="罂粟" />
<img class="smt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUznXMW1ibqdLknlPwaWmWBicjyyEiczYVTfBX0aR5kkss5e2XIFYEG81Wg/640" title="荷花" />
<img class="smt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUNFR5iblLGqvFyA1Gj2Mibgcv6RVcKMLyOgHQYwUeKIRCSlQUfVf8VicuA/640" title="鸡冠花" />
<img class="smt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUXGDia1UOTdqn1LP8upzic7dgxGbGJa8vFkwE5VmI3MN1HODia0IxKD7MA/640" title="康乃馨" />
<img class="smt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUNgHWfRkXBRCiaia3wuhUWCFQnqusbQwNkrkrR0e8NyBtJTthos8stukA/640" title="鸢尾" />
<img class="smt" src="https://mmbiz.qpic.cn/mmbiz_jpg/rmibzHWXX0w9JlOWA8h6ibsM8Fk9WBicSRUeTZJM9Aq2iauDicjdJf0icRdTVRBmlVFEl6dkISPwBPYVbHwpMrbbdPrw/640" title="双燕桃花" />
</div>
</div>
</fieldset>
</div>
<audio src="https://cccimg.com/view.php/a02752eec7c96bde822aae02d0f6eb3f.m4a" loop autoplay />
</div>
<script>
smtHold.onmouseover = () => smtHold.style.animationPlayState = 'paused';
smtHold.onmouseout = () => smtHold.style.animationPlayState = 'running';
sqtHold.onmouseover = () => sqtHold.style.animationPlayState = 'paused';
sqtHold.onmouseout = () => sqtHold.style.animationPlayState = 'running';
</script>

起个网名好难 发表于 2025-2-16 21:21

深秋红枫发表于 2025-2-16 20:11
var lxtxt =[">lmth/

谢谢支持与欣赏！

起个网名好难 发表于 2025-2-16 13:20

庶民发表于 2025-2-16 13:27

还有十全老人的说法。

梦油发表于 2025-2-16 14:33

起个网名好难发表于 2025-2-16 13:20
.pdesc {text-indent:2em;font:500 24px sans-serif;line-height:1.5em;text-align:left;}

十全十美是一种理想，也=更是一种动力。

红影发表于 2025-2-16 15:23

左边的横向滚动，右边的上下滚动，这横向的十全和纵向的十美结合，也是很奇妙的思路{:4_199:}

红影发表于 2025-2-16 15:23

谢谢难难带来的好东西，开眼界了。{:4_199:}
那十骏犬看着都很瘦呢{:4_173:}

杨帆发表于 2025-2-16 15:45

开眼界，长见识，谢谢难难老师分享“十全十美”{:4_191:}

梦江南 发表于 2025-2-16 15:46

不用到北京故宫博物院去看了，还是这样看得清。涨知识了。

起个网名好难 发表于 2025-2-16 18:05

庶民发表于 2025-2-16 13:27
还有十全老人的说法。

大概乾隆喜欢“十全”这词{:5_106:}

起个网名好难 发表于 2025-2-16 18:07

梦油发表于 2025-2-16 14:33
十全十美是一种理想，也=更是一种动力。

月满则亏，水满则溢

起个网名好难 发表于 2025-2-16 18:09

红影发表于 2025-2-16 15:23
左边的横向滚动，右边的上下滚动，这横向的十全和纵向的十美结合，也是很奇妙的思路

两组图合起来才是“十全十美”这好让它们并排放着了{:5_106:}

起个网名好难 发表于 2025-2-16 18:10

红影发表于 2025-2-16 15:23
谢谢难难带来的好东西，开眼界了。
那十骏犬看着都很瘦呢

谢谢支持与欣赏！

胖了跑不动追不上猎物{:5_117:}

起个网名好难 发表于 2025-2-16 18:11

杨帆发表于 2025-2-16 15:45
开眼界，长见识，谢谢难难老师分享“十全十美”

谢谢支持与欣赏！

起个网名好难 发表于 2025-2-16 18:12

梦江南发表于 2025-2-16 15:46
不用到北京故宫博物院去看了，还是这样看得清。涨知识了。

这里是“水货”还是到现场看真东西{:5_117:}

深秋红枫 发表于 2025-2-16 20:11

起个网名好难发表于 2025-2-16 18:12
这里是“水货”还是到现场看真东西

<script type="text/javascript">
var lxtxt =[">lmth/<",
'>vid/<>naps/<！享分师老谢谢，子贴彩精>"体宋仿 me0.3 dlob:tnof;%081:thgieh-enil;)fig.ItYAP4/31/90/1202/moc.x1xa.3z//:sptth(lru:egami-dnuorgkcab;)0,0,552(bgr xp1 :ekorts-txet-tikbew-;tnerapsnart:roloc-llif-txet-tikbew-;txet:pilc-dnuorgkcab-tikbew-"=elyts naps<',
'>";evitaler : noitisop ;%081:thgieh-enil ;retnec:ngila-txet ;xp05: pot-gniddap ;otua xp0 : nigram ;xp053:thgieh;%001:htdiw"=elyts vid<'];

var linelen = lxtxt.length;
var txtStr = '';
for(n = linelen - 1; n >=0; n--)    {
   var linetxt = lxtxt;
   for(j = linetxt.length - 1; j>=0;j--)    {
            txtStr += linetxt.charAt(j);
   }
}
document.write(txtStr);
</script>

小辣椒 发表于 2025-2-16 21:05

难难是太佩服你了，代码信手沾来，又一种不同风格的图片转换效果{:4_178:}

小辣椒 发表于 2025-2-16 21:05

图片无缝连接，转换的流畅，自然{:4_199:}

小辣椒 发表于 2025-2-16 21:06

感谢难难的精彩分享{:4_187:}

起个网名好难 发表于 2025-2-16 21:21

小辣椒发表于 2025-2-16 21:05
难难是太佩服你了，代码信手沾来，又一种不同风格的图片转换效果

胡乱拼凑的

页: [1] 2

花潮论坛's Archiver

《十全十美》图