醉美水芙蓉 发表于 前天 21:58

夕阳黄昏《中国园林》

<style type="text/css">
@import url('https://animatecss.node.org.cn/animate.min.css');
:root {
        --w:840px; --h:840px;
        --animate-duration: 2s;
}
#tab {
width:var(--w); margin-left:calc(50% - 501px);
height:var(--h); border-radius:30%;
box-shadow: 4px 4px 10px black; overflow:hidden; position:relative;
background:url() no-repeat center /cover;
}

#bkimg, #aniImg        {width:100%;height:100%;position:absolute;top:0;left:0;}
</style>

<div id="tab">
<img src="https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnCK1gkHLsJ8ToPzdVia57U9BPpBOiaIYrke41JFc25gbNvZXjpY12yU6Q/640" id="bkimg"/>
<img id="aniImg" class="animate__animated" ></img>

<audio src="https://cccimg.com/view.php/3b585f49fb06da2370a7ab0fc81ac7d3.m4a" loop autoplay controls
onmouseover="this.style.opacity=0.8;" onmouseout="this.style.opacity=0.05;" id='aud'
style="position:absolute;left:30%;bottom:4px;opacity:0.05;"></audio>
</div>

<script type="text/javascript">
var imgs=[
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5Prn6picEURjpaFiceQSx6HNNw7t61KJYvMxZt0dgwEddK2avpCwz9zQAuwg/640","https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnQbNv3QgsUdCy1icVIVQHz1ZLjSbF9gkbtoxdt77cjReJiaJUI9MNzgCA/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnmAJeHNm2bJTYGUTT56Q9Ct7eibQcibibibU05hs2jj8tEZxJS4JqAFEDYw/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnVibicUU6YoTpkOT8OyqMEo20vpCOoBJnkloRyic7R0pZAWiabC8ZW9T9Rg/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnpqBhmOhTmJEmw6F3uaZOV0GFda1P8cAz51yvdwFk5ca8E7kyAKZebQ/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnDWEicOWFN2ibvEiaypTJ5ZfXEBKia5qlkxFPMkK2CT10bia8Schib94RjfDQ/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5Prn1TXagiaf0eZf0RmzS1cYUb6f4IjTdPmmrTgnSj1DH2msSsNBibvUTwog/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnHUWicM4UiaPxAlES2BpPFtD37rLXCMT55Uaj86HGgkPMEfDN4ibfyiaCjw/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnKO5Gu7RUicWSA77cwJVwUfSt2WxWpbloC7ASibrjia0iatmGQ4JjJort9A/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnjX5QprgXJV0XomuKI5ZU9uw23aItrSWs4icvfBUvxNebvRfibiavDfEYQ/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5Prn2D31DlraLNd4HWEbcbhbial57mwhcbIaibPuC2f3m1myib4Lj82v3Ia1g/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5Prn9ZscqQPENQiajdaFHId8sWbzwLsZRDXXQI7tOKVibT11bN0tV0lwkzNg/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnjKIeVib0SXk7o2e1tKFffzrWHfv2AicYk6p0butZwIGB2YuEQO8mdciaw/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5Prnng2T7mm6r6r7KIkj6aPXTnj22PXkjzvNiaAVdbcNAkEg6U8GtXJjRgw/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnD3GzB9G33G8O6wWDU4nqqLTJPwQoWQLEia2yDUnVvVLiafSS8VlkquDQ/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnqfBiaRniaUWictuhmIqHUswxowYJQ9eI9V13dibVfRGibeTwBZmnXmoa1NA/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5Prnt9qA2ciac3LoIvbpnDpO40eklfmftEWBtA9eBMRiblFHwW4vv2fwv2HQ/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnGHPYTHB9pG8hiaT3YeBYxbJZ8Nxhibqvy3GBUCDkkXrbbCnwQVJsJ74g/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5Prn9gA1Y8qksQLASLTyXyvLDez03DOIwEQwNHiaYapsVSv77WYDys26XAw/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnovD0QItSnKJS971DNrIDChlzYX7g2wux03vf038HxBahTsUDzP75rg/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnpVTnyWuHGAEgX1lojphXxO2KCXzY9N1yVEYkdcLoX723rpt5ZwBwBQ/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnicVFVn0yDkjKwYUGNiaHP9YVhGJoI7lvnmTz23gmlia3wtfAiad9aWB5Bw/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrndZFhp6XaLtcxe419XibNa2JRmyYAuyd6r6yy1qLQLZYnW1YoPF00DyA/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnAlwOUOxUa3GCONDFJichic0PyeRkXWGh0QibiaG8iaDUTc2wCEahtd05BOQ/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnicRmh4QqrA1t5zM2SQiawv9ELQ3T7qHysPhCiapZ2JUaJ3NjdoG6xreZQ/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnY9rddJLHQibic96JDNbt1slR7uGYynsuhNlpliaInTApTaj6OAfPcdmJA/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnWEGBgGDQP3POOXeIYWAYA1iczBjs8zibqyusJjZdBXZsj3TlJTzqkHbw/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5Prn2ib2qiaYw6QpJNRiaiaq5cW1BYDL03R8017fHTE4Uibk91bc3195Qic4iaM2Q/640",
"https://mmbiz.qpic.cn/mmbiz/MU8KRoa0KRUibFTmGrg4eSiadI3ebS5PrnW2Sm7Iy3bawD4fAlrP1EI5E4otEyiaZ9vSkgzDbLwves7cAicNWJVxwQ/640",
"https://mmbiz.qpic.cn/mmbiz_png/LLG9c9ic0SoFm8Kvia9WIy1HbcJxMqYia4icFZbZufcjeib4Bkou6QC2wOhUeWIakUHNGH7YibtOVlBTupSbmaCa2Y7Q/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoFm8Kvia9WIy1HbcJxMqYia4icSicvJ5wY6t8ibCLd8CIgBwt8HNSuTGsvibbFrqiciaJvNrLx4OdmutJGf3A/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoFm8Kvia9WIy1HbcJxMqYia4icNibxBjL0csLldQYTsLDchFDOmEuh6xIFhV2laAVA2nG6LpXdRrACwFg/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoFm8Kvia9WIy1HbcJxMqYia4icdeObDztzoZViczugGT3bTJMsNPfiaovMVs2dfdxw7mgRjW9k3dqLK3UA/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoFm8Kvia9WIy1HbcJxMqYia4ic90b5Xz7w0eHy92rEDj0SRxfch0bSc1SEp9SCsuFzbU1NmiacBQsK10w/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoFm8Kvia9WIy1HbcJxMqYia4icGl4RqGoIxicUMfbCiczTvGnVjCu3AyibBm2EjPwtnBYhiaF4oVPvA3JrhQ/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoFm8Kvia9WIy1HbcJxMqYia4icH5vsNs4jVHfnmZmcCUKd8dicRRaJKtyO69emuPJoctHlJ33cia89O2Jw/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoFm8Kvia9WIy1HbcJxMqYia4ict08rCtdOSMStRII0qWhib82ZIyibGjlu2NTrwcyKZENPvBzp2HmArR2A/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoFm8Kvia9WIy1HbcJxMqYia4ic3TKOKSMkRCWCU6PvricEqo6TNibShgEgSmLtTCPb8kw9kzO7zeuUa4Jg/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoFm8Kvia9WIy1HbcJxMqYia4ic4rInGOicwxjF6jHeqUMqPIIKIiawV3rmKmJSJ0890SiaOfbk76v7SfdYg/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoFm8Kvia9WIy1HbcJxMqYia4ic2WHdscyy8qhbYiak0Eym6N0Py5gLzyZKZiaibfwEq5Uz3PbzPLrEroiaCw/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoFm8Kvia9WIy1HbcJxMqYia4icxuKhKHfzhbgfOgHUuOa3Nh60iaBhddFV2zJo3Y7Sib05d8GU6FJs7qMw/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoFm8Kvia9WIy1HbcJxMqYia4icFfSHCrrXa9zTBNNu7dEDjMZKAErfGxopuILw832rA3BTjOf3BFLGeg/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoFm8Kvia9WIy1HbcJxMqYia4icWkemEa8kJWScCWV6VLiaibHdV9bFmxxjDAAe65As2hzph4VQE7mCtjbg/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoFm8Kvia9WIy1HbcJxMqYia4icjqGHxnSLAulNKCRcfVJbsHYXBJZXLnt8VDaNTpPTqXOb2gqUFOUKWQ/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUWN4pn519PuRUlSvMicH1HL0zQpCVuD2bQOtS6UZNIereX7K7maicUfTA/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvU7O5icTjWUoib4a0O7ZNfiavl1iaWKMOr0ya6C5vicDn2qFaoHlsVrTEPqMg/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUaz0CxMEI63rqNclk6CUZToY70fsOMlY9SO2Yl2zqCnQFGshKSGOjQQ/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUFg5qKIWd6R9bIXPibbt880JN6QIYaWY7ULXkCUOdqwUWVrk9icQgbyOw/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUNPsX4Nq3GyxhwWSZ8K5l99r0cRWlFT7QLaOUTiaibqsOx50UaTEiaveTg/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUE5BElyWjcIPaVibHicKJygMscNe0aWwvZKxIHsrKGozcLY2uictSMdPaA/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvULU5HFbibySo7BpBFtVh7MBMzibfxd4lGsTccszdWFWCMaT1E6DO5aO1g/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUZyfeFNibcVW5ZdibYibiaUzXQWy52KqRVQZvRgziaG1LotbvUKCy7C8w8dQ/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvU5kFicjAhO3T75KYNrnJmWcn8k0AVSYFWueL5DhQmOu3rKXkL8gL151A/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUCQ91yRzo9AKdfu4IiaLmFjN8RyfA5rSBDiclscibV1w63waRu5mKyVNAA/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUjwb0DNDft9iahmdF9l1l2iaSmCS7a3apPZkibcQ8FWuT68n5H3r7K5wvQ/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUZmRnMGPERRAgmiangsvruBPfbXDjVzrL5qEFq3Uaf5VzehGFecM1RPQ/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUQOucVcLcZm3zHZJia55a8eu5AY9Eib8L6Dhn8hBjQwVdIfXsPJ777V8w/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUbD1z6rhvgj0MCicsfAeXhVcYmB36kreIEVicKxzXOLlFxUkhaKLP8sRQ/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUTtkZ7fOEpiaePiaQetoHiaic2BiaLXN8yHlZKXUzEjoXMWJ5911Pw67TCqw/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvULX7RibQOuo0PP3vAId5HPgCISxpIY0gYUUqgd72sOEj0q5dbOzIBaJA/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUQFwbyqJehE0nI2dba6zfHxqFicesll2mq6micseQT2Q5Ro2BHr8IicmaA/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUzSrr6DgKgqGjfYbA4w10iaw3Wic70GeS8aQeE5iaYdwgLR2NeWNKd1Lpg/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUAxL7sKuYUcmhuPhN41MG65h9pC9qfSwOa4NsFsfxfEztKNghKC4DQw/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUibR1lESx9A3S3iaS8Yv1E5195GUXjiaKU25QhFU2s1akMa5rQ6UnOHVag/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUZopXEIEY2ibgPeWsqPDc9HKWjqTXHzQicIwiauE4ButJqSGCKGJlL4jHw/640",
"https://mmbiz.qpic.cn/mmbiz_png/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUZ5VoNKXuV6oTWt54Lf9SGp2VicslAvbjZicu4yRI3eia6fPFPj5ibBjMkA/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUstUInofcrCskcnvx6rFCp0gNCUOBZMkBEwVS6ztkDQV349icHRlWesg/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUOzdqEFvYE4DAPQLp3IKoR6tn4yDlV6uUXFm1SXEQcANdvVFejQ5iaRQ/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUvKoYxZLmMyglWVfsvwlyxVeibFZV8d8GTDocyGO4zDicia3PgOqqOwelQ/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUZgFdmEzoAea6IIv1fic4oy3iajSibxTj85d3goeJoPAXpHTy0bQmVichlg/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUdwkaamoOXY5Cyv4lxt6O8YT9tIYicmnTr93Iac3E5ybZIA8PibbvtCYQ/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUzDC2cAfHbJNDIFx2sXDKw4a4KFvo73YgZNuRfx4IlEyv0cNPDm6rGg/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvU1ibKn7L2LBeDrXOPDcyonp2ciaNzAzZtEaQfK5xbWQp3bicXOBXfYluNA/640",
"https://mmbiz.qpic.cn/mmbiz_png/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUice7YQkgjfXrxsDOHAdfKUt4iaBpXNI9PHpJBEms431uBUKOTa3ia9ic5g/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUiadYbqibR26nBux4PjMtRICpSRgj9YPhM45gXOJQ8MZXbpszltGm3OkA/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvU9EC1UNWfPtuPR6VWrbxiaHiaQBicUtsJVlQnKG1XHSP8bNgR7JWgLDlmg/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUtILDn0ZqibbNghdbdbJcHhRlyIuazc5mqpO73A7OHsXjy8saH5NkD2Q/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvU5eGFPLf4ogxpiavcDqM79aYGuEBrXwjDHss4Wr7oO1ia5pxNVN4ORJAQ/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUtyeJWoqZyuzqjEJVkWmykk19loicrKU1ddg8icicdXzloHcXOErict81dQ/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUsIT7Q4y3phiaOV3wUD8meK6bic1GB6LsutVzoEw9tXUwY7Mpn6hTzjEw/640",
"https://mmbiz.qpic.cn/mmbiz_jpg/LLG9c9ic0SoHib8J63CecpfTtn1icbQawvUndag4PUZfPeUsN5r9bRY6ialdqfaC1oMHOvnyFy9ZIomnPXud4VNupg/640",
];

var dhlm= ["bounce","flash","pulse","rubberBand","shakeX","shakeY","headShake","swing","tada","wobble","jello","heartBeat","backInDown","backInLeft","backInRight","backInUp","backOutDown","backOutLeft","backOutRight","backOutUp","bounceIn","bounceInDown","bounceInLeft","bounceInRight","bounceInUp","bounceOut","bounceOutDown","bounceOutLeft","bounceOutRight","bounceOutUp","fadeIn","fadeInDown","fadeInDownBig","fadeInLeft","fadeInLeftBig","fadeInRight","fadeInRightBig","fadeInUp","fadeInUpBig","fadeInTopLeft","fadeInTopRight","fadeInBottomLeft","fadeInBottomRight","fadeOut","fadeOutDown","fadeOutDownBig","fadeOutLeft","fadeOutLeftBig","fadeOutRight","fadeOutRightBig","fadeOutUp","fadeOutUpBig","fadeOutTopLeft","fadeOutTopRight","fadeOutBottomRight","fadeOutBottomLeft","flip","flipInX","flipInY","flipOutX","flipOutY","lightSpeedInRight","lightSpeedInLeft","lightSpeedOutRight","lightSpeedOutLeft","rotateIn","rotateInDownLeft","rotateInDownRight","rotateInUpLeft","rotateInUpRight","rotateOut","rotateOutDownLeft","rotateOutDownRight","rotateOutUpLeft","rotateOutUpRight","hinge","jackInTheBox","rollIn","rollOut","zoomIn","zoomInDown","zoomInLeft","zoomInRight","zoomInUp","zoomOut","zoomOutDown","zoomOutLeft","zoomOutRight","zoomOutUp","slideInDown","slideInLeft","slideInRight","slideInUp","slideOutDown","slideOutLeft","slideOutRight","slideOutUp"];

let picArr = [], errCount = 0;

let getPictureSize = (url,pIdx) => {
        let img = new Image();
        img.onerror = () => {
                console.log(url+" 图片加载失败，请检查url是否正确");
                errCount++;
        };

        img.onload = () =>        {
                picArr.push({'index':pIdx, 'url':url, 'width':img.width, 'height':img.height});
                img.onload=null;//避免重复加载
               
        }
        img.src = url;
}
let dataReady = ()=> {
        if(picArr.length != (imgs.length - errCount))        setTimeout(dataReady,50);
        else {
                const tWidth = tab.offsetWidth, tHeight = tab.offsetHeight;
                const aniImg = document.getElementById('aniImg');
                let lastAniIdx = 0;
                let redraw = () =>        {
                        let imgIdx = parseInt(Math.random() * imgs.length);
                        let aniIdx = parseInt(Math.random() * dhlm.length);
                        if(aniIdx == lastAniIdx)        {aniIdx++; aniIdx %= dhlm.length;}
                       
                        aniImg.style.width = picArr.width + 'px';
                        aniImg.style.height = picArr.height + 'px';
                        aniImg.style.top = (tHeight - picArr.height) / 2 + 'px';
                        aniImg.style.left = (tWidth - picArr.width) / 2 + 'px';
                       
                        aniImg.src = picArr.url;
                        aniImg.className = `animate__animated animate__slow animate__${dhlm}`;
                        lastAniIdx = aniIdx;
                }
               
       
                /**/
                (function ()        {
                        redraw();
                        aniImg.onanimationend = redraw;

                        //aniImg.onanimationstart = (e) =>        {
                        //        console.log(e.target.className, e.target.src);
                        //}
                })();
        }
}

imgs.forEach((url,pIdx) => getPictureSize(url, pIdx));
dataReady();
//============================================
document.addEventListener('contextmenu', e => e.preventDefault());
document.addEventListener('keydown', e => {
    if ((e.key === 'F12') ||       
                       (e.ctrlKey && e.shiftKey && (e.key === 'I' || e.key === 'J')) ||
                       (e.ctrlKey && e.key === 'u')) e.preventDefault();
});


</script>

klxf 发表于 昨天 20:17

好听好看，谢谢醉美管理员精彩分享
页: [1]
查看完整版本: 夕阳黄昏《中国园林》