江南梦

梦江南 发表于 2024-5-25 11:06

本帖最后由梦江南于 2024-5-26 07:44 编辑 <br /><br /><style>
#oBlk {width:910px;height:568px;position:relative;margin:auto;overflow:hidden;border-radius:32px;box-shadow:4px 4px 10px black;background-color:hsl(125, 72%, 92%);font-size:12px;margin:100px 0 32px calc(50% - 531px);}
#indicator{position:absolute;left:30%;bottom:5px;width:40%;margin:5px auto; appearance: none; height:8px; overflow:hidden; border-radius: 8px;cursor:pointer;}
#indicator::-webkit-progress-bar {background:pink;}
#indicator::-webkit-progress-value {background:hsl(125, 72%, 72%);}

#rdisk { font-size:40px; color:red; cursor: pointer; animation: rotating 6s infinite linear ;position:absolute; left:calc(50% - 20px); bottom:30px; z-index:100;display:block;border-radius:50%;}
@keyframes rotating { to { transform: rotate(360deg); } }
</style>
<div id="oBlk">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewbox="0 0 910 568">
<defs>
<mask id="mask0" x="0" y="0" width="910" height="568">
<circle cx="455" cy="284" r="10" style="stroke:#006600; fill:#ffffff;">
<animate attributename="r" from="10" to="910" dur="2" fill="freeze">
</animate>
</circle>
</mask>
<mask id="mask1" x="0" y="0" width="910" height="568">
<ellipse cx="455" cy="284" rx="11.375" ry="7.1" style="stroke:#006600; fill:#ffffff;">
<animate attributename="rx" from="11.375" to="682.5" dur="2" fill="freeze">
</animate>
<animate attributename="ry" from="7.1" to="426" dur="2" fill="freeze">
</animate>
</ellipse>
</mask>
<mask id="mask2" x="0" y="0" width="910" height="568">
<rect x="443.625" y="276.9" width="11.375" height="7.1" style="stroke:#006600; fill:#ffffff;">
<animate attributename="width" from="11.375" to="910" dur="2" fill="freeze">
</animate>
<animate attributename="height" from="7.1" to="568" dur="2" fill="freeze">
</animate>
<animate attributename="x" from="443.625" to="0" dur="2" fill="freeze">
</animate>
<animate attributename="y" from="276.9" to="0" dur="2" fill="freeze">
</animate>
</rect>
</mask>
<mask id="mask3" x="0" y="0" width="910" height="568">
<rect x="443" y="272" width="12" height="12" style="clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);stroke:#006600; fill:#ffffff;">
<animate attributename="width" from="12" to="1820" dur="2" fill="freeze">
</animate>
<animate attributename="height" from="12" to="1820" dur="2" fill="freeze">
</animate>
<animate attributename="x" from="443" to="-455" dur="2" fill="freeze">
</animate>
<animate attributename="y" from="272" to="-626" dur="2" fill="freeze">
</animate>
</rect>
</mask>
<mask id="mask4" x="0" y="0" width="910" height="568">
<rect x="443" y="272" width="12" height="12" style="clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);stroke:#006600; fill:#ffffff;">
<animate attributename="width" from="12" to="1820" dur="2" fill="freeze">
</animate>
<animate attributename="height" from="12" to="1820" dur="2" fill="freeze">
</animate>
<animate attributename="x" from="443" to="-455" dur="2" fill="freeze">
</animate>
<animate attributename="y" from="272" to="-626" dur="2" fill="freeze">
</animate>
</rect>
</mask>
<mask id="mask5" x="0" y="0" width="910" height="568">
<rect x="443" y="272" width="12" height="12" style="clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);stroke:#006600; fill:#ffffff;">
<animate attributename="width" from="12" to="1820" dur="2" fill="freeze">
</animate>
<animate attributename="height" from="12" to="1820" dur="2" fill="freeze">
</animate>
<animate attributename="x" from="443" to="-455" dur="2" fill="freeze">
</animate>
<animate attributename="y" from="272" to="-626" dur="2" fill="freeze">
</animate>
</rect>
</mask>
<mask id="mask6" x="0" y="0" width="910" height="568">
<rect x="443" y="272" width="12" height="12" style="clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);stroke:#006600; fill:#ffffff;">
<animate attributename="width" from="12" to="1820" dur="2" fill="freeze">
</animate>
<animate attributename="height" from="12" to="1820" dur="2" fill="freeze">
</animate>
<animate attributename="x" from="443" to="-455" dur="2" fill="freeze">
</animate>
<animate attributename="y" from="272" to="-626" dur="2" fill="freeze">
</animate>
</rect>
</mask>
<pattern id="pm7" width="200" height="200" patternunits="userSpaceOnUse">
<rect x="0" y="0" width="100" height="100" fill="white">
</rect>
<rect x="100" y="0" width="100" height="100" fill="black">
<animate attributename="fill" from="black" to="white" begin=" " dur="3" fill="freeze">
</animate>
</rect>
<rect x="0" y="100" width="100" height="100" fill="black">
<animate attributename="fill" from="black" to="white" begin=" " dur="3" fill="freeze">
</animate>
</rect>
<rect x="100" y="100" width="100" height="100" fill="white">
</rect>
</pattern>
<mask id="mask7" x="0" y="0" width="910" height="568">
<rect x="0" y="0" width="910" height="568" style="fill:url(#pm7)">
</rect>
</mask>
<pattern id="pm8" width="50" height="50" patternunits="userSpaceOnUse">
<rect x="0" y="0" width="0" height="50" fill="white">
<animate attributename="width" from="0" to="50" begin=" " dur="3" fill="freeze">
</animate>
</rect>
</pattern>
<mask id="mask8" x="0" y="0" width="910" height="568">
<rect x="0" y="0" width="910" height="568" style="fill:url(#pm8)">
</rect>
</mask>
<pattern id="pm9" width="50" height="50" patternunits="userSpaceOnUse">
<rect x="0" y="0" width="50" height="0" fill="white">
<animate attributename="height" from="0" to="50" begin=" " dur="3" fill="freeze">
</animate>
</rect>
</pattern>
<mask id="mask9" x="0" y="0" width="910" height="568">
<rect x="0" y="0" width="910" height="568" style="fill:url(#pm9)">
</rect>
</mask>
<pattern id="pm10" width="200" height="100" patternunits="userSpaceOnUse">
<rect x="0" y="0" width="200" height="100" fill="white" style="clip-path: polygon(0 0, 0 100%, 100% 0);">
</rect>
<rect x="0" y="0" width="200" height="100" fill="black" style="clip-path: polygon(100% 0, 0 100%, 100% 100%);">
<animate attributename="fill" from="black" to="white" begin=" " dur="3" fill="freeze">
</animate>
</rect>
</pattern>
<mask id="mask10" x="0" y="0" width="910" height="568">
<rect x="0" y="0" width="910" height="568" style="fill:url(#pm10)">
</rect>
</mask>
<pattern id="pm11" width="200" height="100" patternunits="userSpaceOnUse">
<rect x="0" y="0" width="200" height="100" fill="white" style="clip-path: polygon(0 0, 0% 100%, 100% 100%);">
</rect>
<rect x="0" y="0" width="200" height="100" fill="black" style="clip-path: polygon(100% 0, 0 0, 100% 100%);">
<animate attributename="fill" from="black" to="white" begin=" " dur="3" fill="freeze">
</animate>
</rect>
</pattern>
<mask id="mask11" x="0" y="0" width="910" height="568">
<rect x="0" y="0" width="910" height="568" style="fill:url(#pm11)">
</rect>
</mask>
</defs>
<image xlink:href="https://pic.imgdb.cn/item/6651aae1d9c307b7e9b51f64.png " opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic0" attributename="opacity" from="0" to="1" begin="0;epic50.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic0" attributename="opacity" from="1" to="0" begin="bpic0.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651ab45d9c307b7e9b59bc9.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic1" attributename="opacity" from="0" to="1" begin="epic0.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic1" attributename="opacity" from="1" to="0" begin="bpic1.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651ab6dd9c307b7e9b5c560.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic2" attributename="opacity" from="0" to="1" begin="epic1.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic2" attributename="opacity" from="1" to="0" begin="bpic2.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651ab95d9c307b7e9b5edd9.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic3" attributename="opacity" from="0" to="1" begin="epic2.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic3" attributename="opacity" from="1" to="0" begin="bpic3.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651abb2d9c307b7e9b60acd.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic4" attributename="opacity" from="0" to="1" begin="epic3.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic4" attributename="opacity" from="1" to="0" begin="bpic4.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651abe4d9c307b7e9b63fe9.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic5" attributename="opacity" from="0" to="1" begin="epic4.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic5" attributename="opacity" from="1" to="0" begin="bpic5.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651ac04d9c307b7e9b66234.png " opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic6" attributename="opacity" from="0" to="1" begin="epic5.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic6" attributename="opacity" from="1" to="0" begin="bpic6.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b6aed9c307b7e9c2cd19.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic7" attributename="opacity" from="0" to="1" begin="epic6.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic7" attributename="opacity" from="1" to="0" begin="bpic7.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b6efd9c307b7e9c313e8.png " opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic8" attributename="opacity" from="0" to="1" begin="epic7.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic8" attributename="opacity" from="1" to="0" begin="bpic8.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b722d9c307b7e9c35618.png " opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic9" attributename="opacity" from="0" to="1" begin="epic8.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic9" attributename="opacity" from="1" to="0" begin="bpic9.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b74bd9c307b7e9c3bf3c.png " opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic10" attributename="opacity" from="0" to="1" begin="epic9.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic10" attributename="opacity" from="1" to="0" begin="bpic10.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b74bd9c307b7e9c3bf3c.png " opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic11" attributename="opacity" from="0" to="1" begin="epic10.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic11" attributename="opacity" from="1" to="0" begin="bpic11.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b7a2d9c307b7e9c41c34.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic12" attributename="opacity" from="0" to="1" begin="epic11.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic12" attributename="opacity" from="1" to="0" begin="bpic12.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b7c5d9c307b7e9c442ab.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic13" attributename="opacity" from="0" to="1" begin="epic12.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic13" attributename="opacity" from="1" to="0" begin="bpic13.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b7f5d9c307b7e9c47a61.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic14" attributename="opacity" from="0" to="1" begin="epic13.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic14" attributename="opacity" from="1" to="0" begin="bpic14.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b82ad9c307b7e9c4c151.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic15" attributename="opacity" from="0" to="1" begin="epic14.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic15" attributename="opacity" from="1" to="0" begin="bpic15.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651aae1d9c307b7e9b51f64.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic16" attributename="opacity" from="0" to="1" begin="epic15.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic16" attributename="opacity" from="1" to="0" begin="bpic16.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651ab45d9c307b7e9b59bc9.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic17" attributename="opacity" from="0" to="1" begin="epic16.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic17" attributename="opacity" from="1" to="0" begin="bpic17.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651ab6dd9c307b7e9b5c560.png " opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic18" attributename="opacity" from="0" to="1" begin="epic17.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic18" attributename="opacity" from="1" to="0" begin="bpic18.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651ab95d9c307b7e9b5edd9.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic19" attributename="opacity" from="0" to="1" begin="epic18.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic19" attributename="opacity" from="1" to="0" begin="bpic19.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651abb2d9c307b7e9b60acd.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic20" attributename="opacity" from="0" to="1" begin="epic19.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic20" attributename="opacity" from="1" to="0" begin="bpic20.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651abe4d9c307b7e9b63fe9.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic21" attributename="opacity" from="0" to="1" begin="epic20.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic21" attributename="opacity" from="1" to="0" begin="bpic21.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651ac04d9c307b7e9b66234.png " opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic22" attributename="opacity" from="0" to="1" begin="epic21.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic22" attributename="opacity" from="1" to="0" begin="bpic22.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b6aed9c307b7e9c2cd19.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic23" attributename="opacity" from="0" to="1" begin="epic22.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic23" attributename="opacity" from="1" to="0" begin="bpic23.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b6efd9c307b7e9c313e8.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic24" attributename="opacity" from="0" to="1" begin="epic23.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic24" attributename="opacity" from="1" to="0" begin="bpic24.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b722d9c307b7e9c35618.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic25" attributename="opacity" from="0" to="1" begin="epic24.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic25" attributename="opacity" from="1" to="0" begin="bpic25.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b74bd9c307b7e9c3bf3c.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic26" attributename="opacity" from="0" to="1" begin="epic25.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic26" attributename="opacity" from="1" to="0" begin="bpic26.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b74bd9c307b7e9c3bf3c.png " opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic27" attributename="opacity" from="0" to="1" begin="epic26.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic27" attributename="opacity" from="1" to="0" begin="bpic27.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b7a2d9c307b7e9c41c34.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic28" attributename="opacity" from="0" to="1" begin="epic27.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic28" attributename="opacity" from="1" to="0" begin="bpic28.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b7c5d9c307b7e9c442ab.png " opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic29" attributename="opacity" from="0" to="1" begin="epic28.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic29" attributename="opacity" from="1" to="0" begin="bpic29.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b7f5d9c307b7e9c47a61.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic30" attributename="opacity" from="0" to="1" begin="epic29.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic30" attributename="opacity" from="1" to="0" begin="bpic30.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b82ad9c307b7e9c4c151.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic31" attributename="opacity" from="0" to="1" begin="epic30.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic31" attributename="opacity" from="1" to="0" begin="bpic31.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651aae1d9c307b7e9b51f64.png " opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic32" attributename="opacity" from="0" to="1" begin="epic31.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic32" attributename="opacity" from="1" to="0" begin="bpic32.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651ab45d9c307b7e9b59bc9.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic33" attributename="opacity" from="0" to="1" begin="epic32.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic33" attributename="opacity" from="1" to="0" begin="bpic33.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651ab6dd9c307b7e9b5c560.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic34" attributename="opacity" from="0" to="1" begin="epic33.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic34" attributename="opacity" from="1" to="0" begin="bpic34.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651ab95d9c307b7e9b5edd9.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic35" attributename="opacity" from="0" to="1" begin="epic34.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic35" attributename="opacity" from="1" to="0" begin="bpic35.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651abb2d9c307b7e9b60acd.png " opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic36" attributename="opacity" from="0" to="1" begin="epic35.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic36" attributename="opacity" from="1" to="0" begin="bpic36.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651abe4d9c307b7e9b63fe9.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic37" attributename="opacity" from="0" to="1" begin="epic36.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic37" attributename="opacity" from="1" to="0" begin="bpic37.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651ac04d9c307b7e9b66234.png " opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic38" attributename="opacity" from="0" to="1" begin="epic37.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic38" attributename="opacity" from="1" to="0" begin="bpic38.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b6aed9c307b7e9c2cd19.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic39" attributename="opacity" from="0" to="1" begin="epic38.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic39" attributename="opacity" from="1" to="0" begin="bpic39.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b6efd9c307b7e9c313e8.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic40" attributename="opacity" from="0" to="1" begin="epic39.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic40" attributename="opacity" from="1" to="0" begin="bpic40.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b722d9c307b7e9c35618.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic41" attributename="opacity" from="0" to="1" begin="epic40.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic41" attributename="opacity" from="1" to="0" begin="bpic41.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b74bd9c307b7e9c3bf3c.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic42" attributename="opacity" from="0" to="1" begin="epic41.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic42" attributename="opacity" from="1" to="0" begin="bpic42.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b74bd9c307b7e9c3bf3c.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic43" attributename="opacity" from="0" to="1" begin="epic42.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic43" attributename="opacity" from="1" to="0" begin="bpic43.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b7a2d9c307b7e9c41c34.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic44" attributename="opacity" from="0" to="1" begin="epic43.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic44" attributename="opacity" from="1" to="0" begin="bpic44.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b7c5d9c307b7e9c442ab.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic45" attributename="opacity" from="0" to="1" begin="epic44.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic45" attributename="opacity" from="1" to="0" begin="bpic45.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b7f5d9c307b7e9c47a61.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic46" attributename="opacity" from="0" to="1" begin="epic45.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic46" attributename="opacity" from="1" to="0" begin="bpic46.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651b82ad9c307b7e9c4c151.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic47" attributename="opacity" from="0" to="1" begin="epic46.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic47" attributename="opacity" from="1" to="0" begin="bpic47.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651aae1d9c307b7e9b51f64.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic48" attributename="opacity" from="0" to="1" begin="epic47.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic48" attributename="opacity" from="1" to="0" begin="bpic48.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651ab45d9c307b7e9b59bc9.png" opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic49" attributename="opacity" from="0" to="1" begin="epic48.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic49" attributename="opacity" from="1" to="0" begin="bpic49.begin+8" dur="2" fill="freeze">
</animate>
</image>
<image xlink:href="https://pic.imgdb.cn/item/6651ac04d9c307b7e9b66234.png " opacity="0" x="0" y="0" width="910" height="568" preserveaspectratio="none">
<animate id="bpic50" attributename="opacity" from="0" to="1" begin="epic49.end-2" dur="2" fill="freeze">
</animate>
<animate id="epic50" attributename="opacity" from="1" to="0" begin="bpic50.begin+8" dur="2" fill="freeze">
</animate>
</image>
</svg>
<audio id="mObj" src="https://music.163.com/song/media/outer/url?id=29772982.mp3" loop autoplay ></audio>
<progress value='0.0' max='100.0' id='indicator'></progress>

<div id="rdisk" >☀</div>
</div>
<script>
var bstrs = [];
var masks = document.getElementsByTagName("mask");
for(n = 0; n < masks.length; n++) bstrs="";

var imgs = document.getElementsByTagName('image');
for(n = 0; n < imgs.length; n++) {
let j = parseInt(Math.random() * masks.length);
imgs.setAttribute('mask',`url(#mask${j})`);
bstrs += `bpic${n}.begin;`;
}
for(n = 0; n < masks.length; n++) {
let mIdx = parseInt(masks.id.substring(4));
let aniObjs = document.querySelector(`#mask${mIdx}`).getElementsByTagName("animate");
if(aniObjs.length == 0) {
aniObjs = document.querySelector(`#pm${mIdx}`).getElementsByTagName("animate");
}
for(let j = 0; j < aniObjs.length; j++) aniObjs.setAttribute('begin', bstrs);
}

mObj.addEventListener('timeupdate', function() {
if(indicator) {
indicator.value = this.currentTime / this.duration * 100;
}
});

rdisk.onclick = function() {
if (mObj.paused) {
this.style.animationPlayState = 'running';
mObj.play();
} else {
this.style.animationPlayState = 'paused';
mObj.pause();
}
};
</script>

红影发表于 2024-5-25 13:39

这个我没法看到呢，这里的是https安全网站，http的没法加载。

梦江南 发表于 2024-5-25 14:11

红影发表于 2024-5-25 13:39
这个我没法看到呢，这里的是https安全网站，http的没法加载。

这个图片地址您看不到啊？那我看看再去上传一个地方。

红影发表于 2024-5-25 15:15

梦江南发表于 2024-5-25 14:11
这个图片地址您看不到啊？那我看看再去上传一个地方。

我一般传这里的，https://www.superbed.cn/
你试试，注册一下就可以，很方便的

梦江南 发表于 2024-5-26 07:46

红影发表于 2024-5-25 15:15
我一般传这里的，https://www.superbed.cn/
你试试，注册一下就可以，很方便的

早上问好！谢谢管理员，我已注册这个地址了，现在不知看到了否？{:4_204:}

红影发表于 2024-5-26 11:24

梦江南发表于 2024-5-26 07:46
早上问好！谢谢管理员，我已注册这个地址了，现在不知看到了否？
现在看到了，是同一个模特的系列图图吧，这么多，漂亮{:4_199:}

红影发表于 2024-5-26 11:26

图片轮播方式也漂亮。欣赏梦江南好帖{:4_199:}

梦江南 发表于 2024-5-27 09:58

红影发表于 2024-5-26 11:24
现在看到了，是同一个模特的系列图图吧，这么多，漂亮

是同一个模特扮的。{:4_204:}

梦江南 发表于 2024-5-27 10:00

红影发表于 2024-5-26 11:26
图片轮播方式也漂亮。欣赏梦江南好帖

这轮图片轮播方式代码是难难老师的，我只是套用。

红影发表于 2024-5-27 22:45

梦江南发表于 2024-5-27 09:58
是同一个模特扮的。

搜集这么多的系列图图很不容易呢，辛苦了{:4_187:}

红影发表于 2024-5-27 22:45

梦江南发表于 2024-5-27 10:00
这轮图片轮播方式代码是难难老师的，我只是套用。

做出的效果好就好呢{:4_187:}

梦江南 发表于 2024-5-31 08:40

红影发表于 2024-5-27 22:45
搜集这么多的系列图图很不容易呢，辛苦了

是用截图下来，会不会侵犯人权。

梦江南 发表于 2024-5-31 08:43

红影发表于 2024-5-27 22:45
做出的效果好就好呢

难难老师用的图片比较多，一时很难找到，只好重复用了。

红影发表于 2024-5-31 20:30

梦江南发表于 2024-5-31 08:40
是用截图下来，会不会侵犯人权。

发在网上的就是公开的啊，使用公开的东西应该不算侵犯吧。

红影发表于 2024-5-31 20:32

梦江南发表于 2024-5-31 08:43
难难老师用的图片比较多，一时很难找到，只好重复用了。

图图已经很多了，重复的很少，轮播效果也能很好{:4_187:}

页: [1]

花潮论坛's Archiver

江南梦