亦是金 发表于 2023-12-27 13:01

《心为你跳》 - 郭子宁(跟着红影学习黑黑老师代码)

<div style="width: 1164px;height: 620px;box-shadow:0px 0px 1px 2px #045768, 0px 0px 0px 8px #99e5f5,0px 0px 5px 15px #045768;overflow:hidden;border-radius:2%;margin-top:50px;margin-LEFT: -40px;">

<style>
#papa {
       margin: auto;
       width: 1164px;
       height: 620px;
       overflow: hidden;
       display: grid;
       place-items: center;
       box-shadow: 3px 6px 12px gray;
       position: relative;
       z-index: 1;
       --state: paused;
}
#dh{ width: 1164px; height: 620px; position: absolute;
z-index: 1;background: #000000 url()no-repeat center/cover;
top:-620px; left:0px;
animation: rod 4s linear infinite;}

#outframe        {
        width:1164px;height:620px;position: relative;box-shadow: 0 0 8px #000;margin: 0px auto 0px 0px;
        overflow:hidden;border-radius:20px;background:no-repeat cover/center;background-color:skyblue;
}

@keyframes rod{
            0% {opacity: 0.6;filter:hue-rotate(360deg)}
            30% {opacity: 1.2;}
            60% {opacity: 0.6;}
            100% {opacity: 1.2;}
}
li-zi {
        position: absolute;
        top:230px;
        width: 45px;
        height: 45px;
        background: snow;
        opacity: 0.2;
        animation: moving var(--duration) var(--delay) linear infinite alternate var(--state);
}
#pic { position: absolute; top: 100px; width: 300px; height: 300px; opacity: 0.95; z-index: 0; animation: zhuan 2s linear infinite var(--state);}
@keyframes moving {
        from { transform: translate(0,0)rotate(0deg); opacity: 0.1; }
        to { transform: translate(var(--xx),var(--yy))rotate(360deg); opacity: 1; }
}
@keyframes zhuan{
          0% {opacity: 1;filter:hue-rotate(360deg)}
          50% {opacity: 0.2;}
          100% {opacity: 1;}
</style>


<div style="position: relative; top:-90px;LEFT: 0px;z-index: 12435;">
<style type="text/css">

@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }

body { overflow-x: hidden; }
#baiBox {
      font-size: 26px;
      color: #ff0000;
      position: relative;
      text-align:center;
      transform: translate(0%,35%);
      font-weight: normal;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      background-image: linear-gradient(45deg, #F32121 32%,#8EE73C 43%,#FEFFFF 52%,#091CFD 62%,#36F4B1 75%);
      background-position: -1200px 0;
      filter:drop-shadow(#000000 1px 0 0)drop-shadow(#000000 0 1px 0)drop-shadow(#000000 -1px 0 0) drop-shadow(#000000 0 -1px0);
       -webkit-animation:loop 3s linear 1000000;
}

@-webkit-keyframes loop{
   0%{background-position: -1200px 0;}
   100%{background-position: -0 0;}
}

.tit {
      position: relative;
      width: 700px;
      top: 100px;
      left: -160px;;
      font-family:迷你简细圆;
      font-size: 40px;
      text-shadow: 2px 2px #ff00ff;
      font-weight:bold;
      color:#802A2A;z-index: 10; }
#tit:hover { color: green; }
/*标题位置 移动范围设置*/

</style>

<div id="hu" >
<div id="baiBox"
<div class="tit">
<span>《心为你跳》 - 郭子宁</span>
<span > </span></div>

<div style="position: relative;width: 500px;height: 50px;top:620px;LEFT: 980px;z-index: 100;filter: drop-shadow(-1px 1px 1px #e8f552)drop-shadow(0px -1px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)drop-shadow(0px 0px 1px #e8f552)">
<p><span style="color:#ff0000;"><span style="font-family:华文隶书;"><span style="font-size:22px;">亦是金在线音乐</span></span></span></p></div>
</style>

<div id="papa">

<div id="dh" style="animation-play-state: running;"></div>

<div id="outframe">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1" viewBox="0 0 720 400">
<image xlink:href="https://z4a.net/images/2023/12/27/122701.jpg" width="720" height="400" x="0" y="0" opacity='0'preserveAspectRatio="none" >
<animate id="bp0" attributename="opacity" from='0' to='1' begin="0; ep5.end-6" dur='4s' fill="freeze"/>
<animate id="ep0" attributename="opacity" from=1' to='0' begin="bp0.begin+18" dur='3s' fill="freeze"/>
</image>
<image xlink:href="https://z4a.net/images/2023/12/27/122702.jpg" width="720" height="400" x="0" y="0" opacity='0'preserveAspectRatio="none" >
<animate id="bp1" attributename="opacity" from='0' to='1' begin="ep0.end-6" dur='4s' fill="freeze"/>
<animate id="ep1" attributename="opacity" from=1' to='0' begin="bp1.begin+18" dur='3s' fill="freeze"/>
</image>
<image xlink:href="https://z4a.net/images/2023/12/27/122703.jpg" width="720" height="400" x="0" y="0" opacity='0'preserveAspectRatio="none" >
<animate id="bp2" attributename="opacity" from='0' to='1' begin="ep1.end-6" dur='4s' fill="freeze"/>
<animate id="ep2" attributename="opacity" from=1' to='0' begin="bp2.begin+18" dur='3s' fill="freeze"/>
</image>
<image xlink:href="https://z4a.net/images/2023/12/27/122704.jpg" width="720" height="400" x="0" y="0" opacity='0'preserveAspectRatio="none" >
<animate id="bp3" attributename="opacity" from='0' to='1' begin="ep2.end-6" dur='4s' fill="freeze"/>
<animate id="ep3" attributename="opacity" from=1' to='0' begin="bp3.begin+18" dur='3s' fill="freeze"/>
</image>

<image xlink:href="https://z4a.net/images/2023/12/27/122705.jpg" width="720" height="400" x="0" y="0" opacity='0'preserveAspectRatio="none" >
<animate id="bp4" attributename="opacity" from='0' to='1' begin="ep3.end-6" dur='4s' fill="freeze"/>
<animate id="ep4" attributename="opacity" from=1' to='0' begin="bp4.begin+18" dur='3s' fill="freeze"/>
</image>
<image xlink:href="https://z4a.net/images/2023/12/27/122706.jpg" width="720" height="400" x="0" y="0" opacity='0'preserveAspectRatio="none" >
<animate id="bp5" attributename="opacity" from='0' to='1' begin="ep4.end-6" dur='4s' fill="freeze"/>
<animate id="ep5" attributename="opacity" from=1' to='0' begin="bp5.begin+18" dur='3s' fill="freeze"/>
</image>

</svg>

</div>

<script>
let total = 20;
let rx = papa.offsetWidth / 2 - 23, ry = papa.offsetHeight / 2 - 23;
Array.from({length: total}).forEach((item,key) => {
        let rad = (Math.PI / 180) * 360 / total;
        item = document.createElement('li-zi');
        item.style.cssText += `
                --xx: ${rx * Math.cos(rad * key)}px;
                --yy: ${ry * Math.sin(rad * key)}px;
                --duration: ${4 + Math.random() * 6}s;
                --delay: -${Math.random() * 5}s;
                background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzAzNTA4OTk0ODI4IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEwNjEzIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjxwYXRoIGQ9Ik01ODAuNDQ0MTYgNzU4LjIxMDU2TDM5NC4yNjA0OCA1MzguOTQxNDRsLTMyLjM3ODg4LTM4LjE1NDI0Yy0yNi45MzEyLTMxLjgzNjE2LTM4LjU1MzYtNzEuNTA1OTItMzUuMzg5NDQtMTEwLjA1OTUyIDMuMTUzOTItMzguNTUzNiAyMS4wNjM2OC03NS44MDY3MiA1Mi44MTc5Mi0xMDIuODQwMzIgNjMuNjgyNTYtNTQuMDU2OTYgMTU4Ljk0NTI4LTQ2LjI1NDA4IDIxMy4wMDIyNCAxNy40Mjg0OGwzMC4zMzA4OCAzNS43Mzc2YTMuMTc1NDI0IDMuMTc1NDI0IDAgMCAwIDQuNDY0NjQgMC4zNjg2NGwzNS43Mzc2LTMwLjMzMDg4YzYzLjU5MDQtNTQuMDU2OTYgMTU4Ljk0NTI4LTQ2LjI1NDA4IDIxMi45MTAwOCAxNy40MTgyNCAyNy4wMjMzNiAzMS44NDY0IDM4LjU1MzYgNzEuNTA1OTIgMzUuMzg5NDQgMTEwLjA1OTUyLTMuMTUzOTIgMzguNTUzNi0yMC45NzE1MiA3NS44MTY5Ni01Mi44MTc5MiAxMDIuODQwMzJsLTM4LjE1NDI0IDMyLjM3ODg4LTE3Mi44NTEyIDE0Ni42OTgyNCIgZmlsbD0iI0ZGQjdBMSIgcC1pZD0iMTA2MTQiPjwvcGF0aD48cGF0aCBkPSJNNTgwLjQ0NDE2IDc2OC4xNjM4NGMtMi44MTYgMC01LjYyMTc2LTEuMTg3ODQtNy41ODc4NC0zLjUxMjMybC0yMTguNTYyNTYtMjU3LjQzMzZjLTI3LjgzMjMyLTMyLjg5MDg4LTQxLjIyNjI0LTc0LjU1NzQ0LTM3LjcyNDE2LTExNy4zMDk0NCAzLjUwMjA4LTQyLjc2MjI0IDIzLjQ5MDU2LTgxLjY4NDQ4IDU2LjI3OTA0LTEwOS42MDg5NiAzMi44Mzk2OC0yNy44NjMwNCA3NC41MDYyNC00MS4yMzY0OCAxMTcuMzcwODgtMzcuNzc1MzYgNDIuODU0NCAzLjUxMjMyIDgxLjc5NzEyIDIzLjUyMTI4IDEwOS42NjAxNiA1Ni4zNTA3MmwyNS45NDgxNiAzMC41NjY0IDMwLjU2NjQtMjUuOTQ4MTZjMzIuNzc4MjQtMjcuODczMjggNzQuNDM0NTYtNDEuMjk3OTIgMTE3LjMxOTY4LTM3Ljc2NTEyIDQyLjg3NDg4IDMuNTEyMzIgODEuNzk3MTIgMjMuNTIxMjggMTA5LjYxOTIgNTYuMzUwNzIgMjcuODIyMDggMzIuNzg4NDggNDEuMjI2MjQgNzQuNDU1MDQgMzcuNzI0MTYgMTE3LjI5OTItMy41MTIzMiA0Mi44NTQ0LTIzLjUwMDggODEuNzg2ODgtNTYuMjg5MjggMTA5LjYxOTJMNjUzLjc2MjU2IDcyOC4wNzQyNGMtNC4xODgxNiAzLjU2MzUyLTEwLjQ2NTI4IDMuMDQxMjgtMTQuMDE4NTYtMS4xNDY4OC0zLjU1MzI4LTQuMTg4MTYtMy4wNDEyOC0xMC40NjUyOCAxLjE0Njg4LTE0LjAxODU2bDIxMC45OTUyLTE3OS4wNzcxMmMyOC43NDM2OC0yNC40MDE5MiA0Ni4yNjQzMi01OC41MTEzNiA0OS4zMzYzMi05Ni4wNzE2OCAzLjA3Mi0zNy41NjAzMi04LjY3MzI4LTc0LjA3NjE2LTMzLjA2NDk2LTEwMi44MTk4NC0yNC4zODE0NC0yOC43NzQ0LTU4LjUwMTEyLTQ2LjMxNTUyLTk2LjA3MTY4LTQ5LjM4NzUyLTM3LjUyOTYtMy4wMjA4LTc0LjA3NjE2IDguNjgzNTItMTAyLjgwOTYgMzMuMTA1OTJsLTM1LjczNzYgMzAuMzMwODhjLTIuNjcyNjQgMi4yNzMyOC02LjA2MjA4IDMuMzI4LTkuNTY0MTYgMy4wNzItMy40OTE4NC0wLjI4NjcyLTYuNjY2MjQtMS45MTQ4OC04LjkyOTI4LTQuNTg3NTJsLTMwLjMzMDg4LTM1LjcyNzM2Yy0yNC40MjI0LTI4Ljc3NDQtNTguNTUyMzItNDYuMzE1NTItOTYuMTEyNjQtNDkuMzg3NTItMzcuNjAxMjgtMy4xMjMyLTc0LjA5NjY0IDguNjgzNTItMTAyLjg3MTA0IDMzLjEwNTkyLTI4Ljc0MzY4IDI0LjQ3MzYtNDYuMjc0NTYgNTguNjAzNTItNDkuMzM2MzIgOTYuMDcxNjgtMy4wNzIgMzcuNDc4NCA4LjY3MzI4IDczLjk5NDI0IDMzLjA3NTIgMTAyLjgzMDA4bDIxOC41NTIzMiAyNTcuNDEzMTJjMy41NTMyOCA0LjE3NzkyIDMuMDQxMjggMTAuNDY1MjgtMS4xNDY4OCAxNC4wMTg1NmE5Ljg3ODUyOCA5Ljg3ODUyOCAwIDAgMS02LjQzMDcyIDIuMzY1NDR6IiBmaWxsPSIjNkY2OTczIiBwLWlkPSIxMDYxNSI+PC9wYXRoPjxwYXRoIGQ9Ik00NzcuNzQ3MiAzODkuNzk1ODRjLTU1LjYyMzY4LTI4LjEzOTUyLTEyMy4zOTItNS45MDg0OC0xNTEuNTQxNzYgNDkuNzA0OTZsLTE1Ljc5MDA4IDMxLjIxMTUyYTIuMzY1NDQgMi4zNjU0NCAwIDAgMS0zLjE3NDQgMS4wNDQ0OGwtMzEuMjExNTItMTUuNzkwMDhjLTU1LjU1Mi0yOC4xNzAyNC0xMjMuMzkyLTUuOTA4NDgtMTUxLjQ3MDA4IDQ5LjY4NDQ4LTE0LjA2OTc2IDI3LjgxMTg0LTE1LjUzNDA4IDU4LjU5MzI4LTYuNTMzMTIgODYuMDI2MjQgOS4wMDA5NiAyNy40MzI5NiAyOC40MTYgNTEuMzc0MDggNTYuMjE3NiA2NS40NDM4NGwzMy4zMjA5NiAxNi44NTUwNCAxOTEuNDg4IDk2Ljg5MDg4YzUuMzM1MDQgMi43MDMzNiAxMS44NTc5MiAwLjU2MzIgMTQuNTYxMjgtNC43NzE4NGw5Ni45NjI1Ni0xOTEuNTE4NzIgMTYuODU1MDQtMzMuMzIwOTZjMTQuMDA4MzItMjcuNzkxMzYgMTUuNTM0MDgtNTguNTkzMjggNi41MzMxMi04Ni4wMjYyNC05LjAwMDk2LTI3LjQyMjcyLTI4LjQ3NzQ0LTUxLjMzMzEyLTU2LjIxNzYtNjUuNDMzNnoiIGZpbGw9IiNGNkQwQzUiIHAtaWQ9IjEwNjE2Ij48L3BhdGg+PHBhdGggZD0iTTQwMy45MjcwNCA3ODIuMDA4MzJjLTMuMjE1MzYgMC02LjQxMDI0LTAuNzU3NzYtOS4zNTkzNi0yLjI1MjhMMTY5Ljc0ODQ4IDY2Ni4wMDk2Yy0yOS4yNDU0NC0xNC43OTY4LTUwLjk2NDQ4LTQwLjA4OTYtNjEuMTg0LTcxLjIxOTItMTAuMjA5MjgtMzEuMTI5Ni03LjY5MDI0LTY0LjM3ODg4IDcuMTA2NTYtOTMuNjI0MzIgMTQuNzc2MzItMjkuMjU1NjggNDAuMDY5MTItNTAuOTk1MiA3MS4yMDg5Ni02MS4yMTQ3MiAzMS4xNjAzMi0xMC4yMDkyOCA2NC4zOTkzNi03LjY2OTc2IDkzLjYzNDU2IDcuMTQ3NTJsMjQuNDMyNjQgMTIuMzY5OTIgMTIuMzY5OTItMjQuNDUzMTJjMzAuNTQ1OTItNjAuMzc1MDQgMTA0LjUwOTQ0LTg0LjYyMzM2IDE2NC45MDQ5Ni01NC4wODc2OGwwLjAxMDI0IDAuMDEwMjRjMjkuMjU1NjggMTQuODU4MjQgNTAuOTg0OTYgNDAuMTUxMDQgNjEuMTczNzYgNzEuMjA4OTYgMTAuMTg4OCAzMS4wNTc5MiA3LjY2OTc2IDY0LjMwNzItNy4xMDY1NiA5My42MDM4NEw0MjIuNDgxOTIgNzcwLjYwMDk2Yy0yLjUwODggNC45NDU5Mi02Ljc4OTEyIDguNjMyMzItMTIuMDYyNzIgMTAuMzYyODgtMi4xMjk5MiAwLjY5NjMyLTQuMzIxMjggMS4wNDQ0OC02LjQ5MjE2IDEuMDQ0NDh6TTIyNS4xODc4NCA0NTMuNjgzMmMtMTAuNzYyMjQgMC0yMS41NzU2OCAxLjcyMDMyLTMyLjEwMjQgNS4xNzEyLTI2LjA5MTUyIDguNTYwNjQtNDcuMjc4MDggMjYuNzc3Ni01OS42NTgyNCA1MS4yOTIxNi0xMi40MDA2NCAyNC41MTQ1Ni0xNC41MjAzMiA1Mi4zNjczNi01Ljk1OTY4IDc4LjQ0ODY0czI2Ljc1NzEyIDQ3LjI3ODA4IDUxLjI2MTQ0IDU5LjY2ODQ4bDIyNC44MDg5NiAxMTMuNzU2MTZjMC4zNzg4OCAwLjIwNDggMS4wMTM3Ni0wLjAyMDQ4IDEuMTg3ODQtMC4zOTkzNkw1MTguNTUzNiA1MzYuNzgwOGMxMi4zNjk5Mi0yNC41NTU1MiAxNC40ODk2LTUyLjQxODU2IDUuOTU5NjgtNzguNDI4MTYtOC41Mjk5Mi0yNi4wMTk4NC0yNi43NDY4OC00Ny4yMTY2NC01MS4yNzE2OC01OS42Nzg3Mi01MC41OTU4NC0yNS41NjkyOC0xMTIuNTY4MzItNS4yNDI4OC0xMzguMTU4MDggNDUuMzMyNDhsLTE1Ljc5MDA4IDMxLjIxMTUyYTEyLjI0MDg5NiAxMi4yNDA4OTYgMCAwIDEtNy4xNDc1MiA2LjEzMzc2Yy0zLjEyMzIgMS4wMjQtNi40NTEyIDAuNzY4LTkuMzkwMDgtMC43MTY4bC0zMS4yMTE1Mi0xNS43OTAwOGMtMTQuNjIyNzItNy40MTM3Ni0zMC40MzMyOC0xMS4xNjE2LTQ2LjM1NjQ4LTExLjE2MTZ6IiBmaWxsPSIjNkY2OTczIiBwLWlkPSIxMDYxNyI+PC9wYXRoPjxwYXRoIGQ9Ik0zNjUuMzgzNjggNjgyLjUyNjcyYy0xLjkzNTM2IDAtMy45MTE2OC0wLjMwNzItNS44NTcyOC0wLjk0MjA4LTEyMS4zNjQ0OC0zOS43NzIxNi0xODQuMjE3Ni04MS44Mjc4NC0xOTIuMTQzMzYtMTI4LjU4MzY4LTQuNjI4NDgtMjcuMjc5MzYgMTEuNDk5NTItNDcuODMxMDQgMjEuNzYtNTUuNjc0ODggOC4yMzI5Ni02LjI5NzYgMjAuMDI5NDQtNC43MzA4OCAyNi4zMjcwNCAzLjUxMjMyIDYuMjQ2NCA4LjE4MTc2IDQuNzUxMzYgMTkuODQ1MTItMy4zMTc3NiAyNi4xODM2OC0xLjE2NzM2IDAuOTYyNTYtOS44MDk5MiA4LjU1MDQtNy42Njk3NiAyMC4wNjAxNiAyLjY0MTkyIDE0LjE0MTQ0IDI0LjE3NjY0IDUyLjA4MDY0IDE2Ni43Mzc5MiA5OC43OTU1MiA5Ljg2MTEyIDMuMjM1ODQgMTUuMjI2ODggMTMuODQ0NDggMTIuMDAxMjggMjMuNjk1MzYtMi41OTA3MiA3LjkzNi05Ljk0MzA0IDEyLjk1MzYtMTcuODM4MDggMTIuOTUzNnpNMzQ1Ljg1NiA1MDguMzEzNmMtMS42NjkxMiAwLTMuMzc5Mi0wLjMyNzY4LTUuMDE3Ni0xLjAzNDI0LTYuNTIyODgtMi43NzUwNC05LjU2NDE2LTEwLjMxMTY4LTYuNzg5MTItMTYuODI0MzIgMS4zMDA0OC0zLjA2MTc2IDMyLjYwNDE2LTc0Ljk5Nzc2IDk1LjAxNjk2LTcwLjg2MDggNy4wNzU4NCAwLjQ3MTA0IDEyLjQzMTM2IDYuNTg0MzIgMTEuOTYwMzIgMTMuNjYwMTYtMC40NzEwNCA3LjA3NTg0LTYuNTk0NTYgMTIuNDQxNi0xMy42NjAxNiAxMS45NjAzMi00NC40MTA4OC0yLjgzNjQ4LTY5LjQ0NzY4IDU0LjcwMjA4LTY5LjY5MzQ0IDU1LjI3NTUyYTEyLjgyNjYyNCAxMi44MjY2MjQgMCAwIDEtMTEuODE2OTYgNy44MjMzNnoiIGZpbGw9IiNGRkZGRkYiIHAtaWQ9IjEwNjE4Ij48L3BhdGg+PC9zdmc+') no-repeat center/cover;
        `;
        papa.appendChild(item);
});

let sf = document.createElement('script');
sf.src = 'https://638183.freep.cn/638183/web/api/mplayer.js';
sf.charset = 'utf-8';
document.body.appendChild(sf);

sf.onload = () => {
        let myplayer = new mPlayer();
        myplayer.setAudSrc('https://mp3.t57.cn:7087/kwlink_d.php?id=285161675');
        myplayer.setBtnCss(`
                background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNzAzNjQ1MjE0NzA0IiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjE1MTMiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PHBhdGggZD0iTTg4My4wNTgxMzMzMyA0NDQuMTYzMmMxNDYuMDI2NjY2NjctNjcuMzg2NjY2NjcgNTguMDY5MzMzMzMtMjA2LjcwMjkzMzMzLTEwNC42MDM3MzMzMy0xNjIuOTA3NzMzMzMtODkuNjc2OCAyNC4xMDk4NjY2Ny0xNjkuMzIwNTMzMzMgMTE5LjE2MjY2NjY3LTIzMi44NjcyIDE1NC43NzY1MzMzMyAzNS42MTM4NjY2Ny02My41NDY2NjY2NyAxMzAuNjMzNi0xNDMuMjA1MzMzMzMgMTU0Ljc3NzYtMjMyLjgzMzA2NjY3Qzc0NC4xNiA0MC40OTA2NjY2NyA2MDQuODQzNzMzMzMtNDcuNDMyNTMzMzMgNTM3LjQ3MzA2NjY3IDk4LjU2MjEzMzMzYy02Ny4zODY2NjY2Ny0xNDUuOTk0NjY2NjctMjA2LjcwMjkzMzMzLTU4LjA3MDQtMTYyLjkyNDggMTA0LjYzNjggMjQuMTYgODkuNjI2NjY2NjcgMTE5LjE3OTczMzMzIDE2OS4yODY0IDE1NC43NzY1MzMzMyAyMzIuODMzMDY2NjctNjMuNTMwNjY2NjctMzUuNjEzODY2NjctMTQzLjE1NTItMTMwLjY2NjY2NjY3LTIzMi44NDkwNjY2Ny0xNTQuNzc2NTMzMzMtMTYyLjY3NDEzMzMzLTQzLjc5NTItMjUwLjYxNDQgOTUuNTIxMDY2NjctMTA0LjU4NjY2NjY2IDE2Mi45MDc3MzMzMy0xNDYuMDI3NzMzMzMgNjcuMzcwNjY2NjctNTguMDg3NDY2NjcgMjA2LjY4NTg2NjY3IDEwNC41ODY2NjY2NiAxNjIuOTA3NzMzMzMgODkuNjkzODY2NjctMjQuMTI1ODY2NjcgMTY5LjMxOTQ2NjY3LTExOS4xNzk3MzMzMyAyMzIuODQ5MDY2NjctMTU0Ljc3NjUzMzMzLTM1LjU5NjggNjMuNTQ3NzMzMzMtMTMwLjYxNjUzMzMzIDE0My4xODkzMzMzMy0xNTQuNzc2NTMzMzMgMjMyLjg4MzItNDMuNzc4MTMzMzMgMTYyLjY3NTIgOTUuNTM3MDY2NjcgMjUwLjU5OTQ2NjY3IDE2Mi45MjQ4IDEwNC41ODc3MzMzMyA2Ny4zNzA2NjY2NyAxNDYuMDExNzMzMzMgMjA2LjY4NjkzMzMzIDU4LjA4NzQ2NjY3IDE2Mi44OTE3MzMzMy0xMDQuNTg3NzMzMzMtMjQuMTQ0LTg5LjY5Mzg2NjY3LTExOS4xNjM3MzMzMy0xNjkuMzM1NDY2NjctMTU0Ljc3NzYtMjMyLjg4MzIgNjMuNTQ2NjY2NjcgMzUuNTk2OCAxNDMuMTg5MzMzMzMgMTMwLjY1MDY2NjY3IDIzMi44NjcyIDE1NC43NzY1MzMzMyAxNjIuNjc0MTMzMzMgNDMuNzc4MTMzMzMgMjUwLjYzMTQ2NjY3LTk1LjUzNzA2NjY3IDEwNC42MDM3MzMzMy0xNjIuOTA3NzMzMzN6IiBmaWxsPSIjZWQxNzFmIiBwLWlkPSIxNTE0Ij48L3BhdGg+PC9zdmc+') no-repeat center/cover;
                width: 100px; height: 100px;
                filter: hue-rotate(0deg) opacity(.8); top: 480px; left: 100px;`);
        myplayer.setLrcCss('bottom:50px; font-family:华文新魏; font-size:42px; color: #fbf0fb; --bg: #fd93f9;');
        myplayer.lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ];
};
</script>

liumang 发表于 2023-12-28 13:17

欣赏亦是金老师的精美制作{:5_150:}

liumang 发表于 2023-12-28 13:17

{:5_150:}{:5_150:}{:5_150:}

亦是金 发表于 2023-12-28 15:10

liumang 发表于 2023-12-28 13:17
欣赏亦是金老师的精美制作

问好管理!谢谢欣赏点赞!:lol

亦是金 发表于 2023-12-28 15:11

liumang 发表于 2023-12-28 13:17


谢谢!:)

liumang 发表于 2023-12-28 21:19

亦是金 发表于 2023-12-28 15:10
问好管理!谢谢欣赏点赞!

客气了,感谢精彩的制作分享{:5_150:}

小辣椒 发表于 2024-1-1 15:08

前辈做的不少了,个个精彩{:5_150:}

亦是金 发表于 2024-1-3 12:48

小辣椒 发表于 2024-1-1 15:08
前辈做的不少了,个个精彩

问好小辣椒,谢谢欣赏点赞!{:5_116:}
页: [1]
查看完整版本: 《心为你跳》 - 郭子宁(跟着红影学习黑黑老师代码)