焱鑫磊 发表于 2023-12-23 18:49

《情人节》庄心妍

本帖最后由 焱鑫磊 于 2023-12-23 18:55 编辑 <br /><br /><style>
#papa { margin: 100px 0 0 calc(50% - 661px);width: 1164px; height: 620px; background: url('https://i.mp3.wf/view.php/678e06e6963afaafd87599a4b678d6d5.gif') no-repeat center/cover; box-shadow: 4px 4px 8px #000; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#sky { position: absolute; width: 1164px; heig80ht: 380px; top:350; left: 600; transform: rotate(30deg); }
#dt1{ position: absolute; width:32px; height:32px; top: 170px; left: 800px; }
#dt2{ position: absolute; width:9px; height:16px; top: 470px; left: 320px; }
#dt3{ position: absolute; width:12px; height:20px; top: 120px; left: 250px; }


</style>
<div id="papa">
<img id="dt1" src="https://xlaj.cn/assets/file/zp/20231112124430.jpg" />
<img id="dt2" src="https://xlaj.cn/assets/file/zp/20231030141805.jpg " alt="" />

<img id="dt3" src="https://xlaj.cn/assets/file/zp/20231030141805.jpg " alt="" />
<img id="dt4" src="" alt="" />

      <div id="sky"></div>
      <audio id="aud" src="https://i.mp3.wf/view.php/84e9058e5eba99031ebb81671b0d9fa5.mp3" autoplay loop></audio>
</div>

<script>

(function() {
       let lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];

               let js1 = 'https://xlaj.cn/assets/file/zp/20231029162717.js ',
                js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_2d.js';
      let loadJs = (url,callback) => {
                let body = document.querySelector('body'), jsNode = document.createElement('script');
                jsNode.charset = 'utf-8';
                jsNode.setAttribute('src', url);
                body.appendChild(jsNode);
                jsNode.onload = () => callback();
      };
      loadJs(js1, () => {
                HCPlayer({
                        papa: '#papa',
                        lrcAr: lrcAr,

                     lrc_css: 'top:550px; left: 28%;color:Honeydew; --bg: linear-gradient(rgba(100,149,2375,4),rgba(100,149,2375.7));',
               
                        fs_css: 'transform: translate(0px,40px); color: #F0FFF0; background: transparent; bottom: -250px;',
                  
                           player_css: 'width: 500px; height: 570px;left: -30px;top:230px; transform: translateY(-20px);',
                     path: 'm303.38113,188.22584c-6.07471,-10.37763 -15.94611,-18.98346 -32.27189,-18.98346c0.37967,-7.21372 -0.37967,-10.7573 -5.18881,-12.90876c-4.55603,1.77179 -6.07471,3.79669 -9.23862,6.70749c-1.77179,-3.92325 -3.41702,-7.8465 -5.18881,-11.76975l-4.55603,0c-4.55603,5.06226 -2.65769,7.71994 -5.69504,15.43988c-2.0249,5.18881 -8.09961,10.7573 -10.7573,16.45234c-3.54358,7.59339 -2.78424,16.95857 -6.70749,25.18473c-5.44193,11.51663 -15.94611,20.37559 -23.03327,30.37354c-12.7822,18.09757 -26.82996,53.1537 -14.93366,81.75546c3.67014,8.60584 8.22617,20.12247 13.28842,27.20963c-47.83833,-12.14942 -19.11002,-72.89651 -27.20963,-118.70994c-6.20127,-35.4358 -28.34864,-52.77404 -69.73259,-49.35701c3.79669,13.54154 13.79465,22.02082 11.26352,42.64952c-2.15146,19.7428 -13.6681,35.94203 -18.73035,55.30516c-9.36518,35.18269 5.82159,75.30108 27.71586,85.29904c21.38804,9.8714 63.40477,-1.39212 85.67871,-4.68259c6.9606,-1.01245 13.03531,4.55603 18.47724,6.20127c11.01041,3.29047 21.00837,2.27802 30.75322,6.20127c3.03735,-1.26556 2.65768,-1.13901 3.54358,-3.54358c1.77179,0.37967 3.41702,0.63278 5.18881,1.01245c1.51868,-1.26556 2.27802,-0.8859 1.51868,-3.03735c-1.26556,-2.15146 -3.16391,-2.65769 -6.70749,-2.53113l0,-0.50623c4.42948,-4.9357 12.27597,-1.89835 19.99592,-1.51868c1.26556,-2.9108 3.16391,-2.27802 6.20127,-4.68259c-2.40457,-3.41702 -10.25107,-5.69504 -14.30088,-7.21372c2.15146,-8.22617 9.8714,-12.90876 11.76975,-22.6536c1.89835,-9.61829 -2.78424,-19.36314 -5.18881,-25.69096c-6.58093,-17.46479 -8.98551,-43.78853 2.0249,-58.59563c3.03735,-4.17636 13.41498,-6.83405 18.47724,-8.73239c1.13901,-2.02491 2.40457,-6.58094 2.0249,-8.7324c-0.12656,-0.50623 -0.37967,-1.01245 -0.50623,-1.51868c-6.83405,-1.77179 -17.21168,-1.01245 -23.5395,0.50623c-1.39212,-4.30292 -2.78424,-8.60584 -4.0498,-12.90876c17.46479,0.50623 27.20963,-7.59338 29.61421,-22.02082zm-26.70341,-4.68259c-2.15146,0 -3.92325,-1.77179 -3.92325,-3.92325c0,-2.15146 1.77179,-3.92325 3.92325,-3.92325s3.92325,1.77179 3.92325,3.92325c0.12656,2.15146 -1.64523,3.92325 -3.92325,3.92325zm49.73668,34.42335c-0.88589,-2.78424 -2.53113,-3.79669 -4.17636,-4.30292c-4.04981,-1.39212 -2.9108,1.64523 -5.56849,-3.41702c-1.13901,0.12656 -2.53113,-0.50623 -3.03735,0.63278c-1.77179,3.92325 -2.78424,0.75934 -6.9606,2.53113c-1.77179,0.8859 -2.53113,1.64523 -2.27802,1.51868c-0.12656,1.01245 -0.37967,2.0249 -0.50623,3.03735l22.52705,0l0,0zm-21.00837,2.53113c-3.54358,11.8963 2.9108,17.7179 10.25107,20.50214c7.34027,-4.80914 9.61829,-6.9606 9.23862,-19.99592c-6.45438,-0.12656 -13.03531,-0.25311 -19.48969,-0.50623z',
                     btn: {left: 123, top: 330},
              track: {track: '#F0FFF0', prog: '#1072ba'},
                        img: {play: '', pause: ''}
                });
      });

      loadJs(js2, () => {
                H5lz({
                        papa: '#sky',
                        total: 15,
                        size: {width: 18, height: 34},
                        shape: {background: 'url("yezx.png") no-repeat center/cover', borderRadius: '0'},
                        ani: 'toBottom',
                        maxTime: 30,
                        offset: {x: 0, y: 0},
                });
      });
})();

</script>

亦是金 发表于 2023-12-23 19:38

问好焱鑫磊！欣赏学习了！{:4_187:}

红影 发表于 2023-12-23 19:45

看到前面跳出来小辣椒音乐欣赏几个字，这是小辣椒自己修改过的插件吧。
制作很漂亮，画面设计和图片轮播都很漂亮。欣赏焱鑫磊好帖{:4_199:}

焱鑫磊 发表于 2023-12-23 20:23

红影 发表于 2023-12-23 19:45
看到前面跳出来小辣椒音乐欣赏几个字，这是小辣椒自己修改过的插件吧。
制作很漂亮，画面设计和图片轮播都 ...

使用小辣椒的.js代码制作。

焱鑫磊 发表于 2023-12-23 20:24

亦是金 发表于 2023-12-23 19:38
问好焱鑫磊！欣赏学习了！

{:4_204:}

红影 发表于 2023-12-23 20:40

焱鑫磊 发表于 2023-12-23 20:23
使用小辣椒的.js代码制作。

嗯嗯，挺漂亮的制作{:4_187:}

小辣椒 发表于 2023-12-23 21:49

问好焱鑫磊，好温馨的画面，歌曲也是好听，这个小松鼠的路径播放器我也是好喜欢的，这里用挺好{:4_171:}

小辣椒 发表于 2023-12-23 21:51

小辣椒有做了好几个动物路径播放器的，你都可以试一下，身体好了我还会继续玩路径播放器，这个特别好玩

焱鑫磊 发表于 2023-12-23 22:09

小辣椒 发表于 2023-12-23 21:49
问好焱鑫磊，好温馨的画面，歌曲也是好听，这个小松鼠的路径播放器我也是好喜欢的，这里用挺好

{:4_187:}{:4_187:}{:4_187:}

焱鑫磊 发表于 2023-12-23 22:10

小辣椒 发表于 2023-12-23 21:51
小辣椒有做了好几个动物路径播放器的，你都可以试一下，身体好了我还会继续玩路径播放器，这个特别好玩

{:4_181:}{:4_183:}

小文 发表于 2023-12-24 08:39

欣赏焱鑫磊好帖{:4_172:}

幸运草 发表于 2023-12-24 09:16

好美吖{:6_244:}

焱鑫磊 发表于 2023-12-24 09:58

幸运草 发表于 2023-12-24 09:16
好美吖

{:4_187:}

幸运草 发表于 2023-12-25 10:42

焱鑫磊 发表于 2023-12-24 09:58


问好{:6_244:}

焱鑫磊 发表于 2023-12-25 12:51

幸运草 发表于 2023-12-25 10:42
问好

{:4_190:}

幸运草 发表于 2023-12-25 13:54

焱鑫磊 发表于 2023-12-25 12:51


{:6_221:}
页: [1]
查看完整版本: 《情人节》庄心妍