小辣椒 发表于 2024-3-30 19:47

我想你的时候 TO：小九生日快乐！

<style>
#papa { margin: 150px 0 0 calc(50% - 710px);width: 1262px; height: 698px; background: url('https://xlaj.cn/assets/file/zp/20231111163833.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: 500px; height: 380px; top:50; left: 650; transform: rotate(30deg); }
#dt1{ position: absolute; width:400px; height:300px; top: 20px; left: 30px; }
#dt2{ position: absolute; width:12px; height:20px; top: 80px; left: 197px; }
#dt3{ position: absolute; width:12px; height:20px; top: 60px; left: 63px; }
#dt4{ position: absolute; width:250px; height:50px; top: 205px; left: 100px; }

</style>
<div id="papa">
<img id="dt1" src="https://xlaj.cn/assets/file/zp/20231004105737.gif " alt="" />
<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="https://xlaj.cn/assets/file/zp/20240331005139.png " alt="" />

      <div id="sky"></div>
      <audio id="aud" src="https://xlaj.cn/assets/file/zp/20231111163723.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: 'bottom: 40px; left: 55%;color: #a5a1a1; font:normal 1.4em 微软雅黑; --bg: #f1f1f1;',
               
                        fs_css: 'transform: translate(0px,40px); color: #F0FFF0; background: transparent; bottom: -250px;',
                  
                        player_css: 'width: 350px; height: 456px;left: 490px;top:260px; transform: translateY(-20px);',
                     path: 'm180.05512,128.27404c-1.84077,-1.66531 -4.27461,-1.86589 -6.41192,-1.86589l-8.95207,0l0,-2.54227a2.23801,1.86589 0 0 0 -2.23801,-1.86589l-70.45277,0a2.23801,1.86589 0 0 0 -2.23801,1.86589l0,14.59592a37.43083,31.207 0 0 0 65.87602,20.30554c8.57161,-0.77434 15.29685,-3.37726 19.97989,-7.7481c4.87328,-4.54344 6.3224,-9.87056 6.68048,-13.5277c0.43641,-4.50612 -0.27416,-7.42624 -2.24361,-9.21749l-0.00001,-0.00001zm-52.83398,37.6863a33.01075,27.52187 0 0 1 -32.98277,-27.49855l0,-12.73003l65.95995,0l0,12.73003a33.01075,27.52187 0 0 1 -32.97718,27.49855zm50.61835,-28.78134c-0.43641,4.44548 -3.1612,14.414 -18.46364,17.30612a37.19024,31.00642 0 0 0 5.32088,-16.02332l0,-8.32187l8.95207,0c1.72327,0 2.56813,0.18659 3.12203,0.68572c0.70497,0.6344 1.4659,2.25773 1.06865,6.35335l0,-0.00001zm-17.81462,36.98265l-66.31803,0a2.23801,1.86589 0 0 0 0,3.73178l66.31803,0a2.23801,1.86589 0 0 0 0,-3.73178z',
                     btn: {left: 65, top: 195},
              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>

小辣椒 发表于 2024-3-30 19:48

@小九

美女生日快乐，永远18 永远 年轻漂亮{:4_173:}{:4_177:}

小辣椒 发表于 2024-3-30 19:48

咖啡杯双路径播放器

大猫咪 发表于 2024-3-30 19:50

辣椒制作真漂亮{:4_187:}真挚温暖用心之作！{:4_204:}
和辣椒一起祝福小九生日快乐！开心每一天！

{:4_204:}{:4_174:}{:4_178:}{:4_177:}{:5_166:}

梦油 发表于 2024-3-30 19:51

借小辣椒美帖祝小九生日快乐。

小辣椒 发表于 2024-3-30 19:53

大猫咪 发表于 2024-3-30 19:50
辣椒制作真漂亮真挚温暖用心之作！
和辣椒一起祝福小九生日快乐！开心每一天！



猫猫在啊，谢谢猫猫欣赏，一起祝小九生日快乐！

小辣椒 发表于 2024-3-30 19:54

梦油 发表于 2024-3-30 19:51
借小辣椒美帖祝小九生日快乐。

谢谢梦油欣赏，我们一起祝福小九生日快乐

大猫咪 发表于 2024-3-30 19:54

小辣椒 发表于 2024-3-30 19:53
猫猫在啊，谢谢猫猫欣赏，一起祝小九生日快乐！

刚上{:4_187:}就看见辣椒美帖真棒！

{:4_178:}{:4_199:}{:4_204:}

小辣椒 发表于 2024-3-30 19:58

大猫咪 发表于 2024-3-30 19:54
刚上就看见辣椒美帖真棒！

谢谢猫猫夸奖，小辣椒现在也是做不了美帖了{:4_198:}

庶民 发表于 2024-3-30 19:58

这样的构图很美。

红影 发表于 2024-3-30 20:10

这构思太棒了，咖啡杯的路径上方，还有氤氲的热气动态呢{:4_199:}

红影 发表于 2024-3-30 20:13

文字的背面还有点点星光，下面的花朵也漂亮。
亲爱的制作太美，这个生日礼物含金量很高，太赞了{:4_199:}

红影 发表于 2024-3-30 20:14

借亲爱的好帖，同祝九儿生日快乐{:4_187:}

大猫咪 发表于 2024-3-30 20:18

小辣椒 发表于 2024-3-30 19:58
谢谢猫猫夸奖，小辣椒现在也是做不了美帖了

{:4_179:}非常棒辣椒！

马黑黑 发表于 2024-3-30 20:27

看看小辣椒想了谁谁谁，或是小九想了谁谁谁{:4_170:}

马黑黑 发表于 2024-3-30 20:27

这个木有蛋糕，不利于俺减肥{:4_170:}

樵歌 发表于 2024-3-30 20:48

天上流星划过天际，地上鲜花摇曳，热烫的菲香气氲氲，一个才女在掩卷沉思。。。一切创意都美丽和谐！俺们小辣椒创意无限啊！

樵歌 发表于 2024-3-30 20:50

小辣椒送小九—对囗{:4_172:}

小辣椒 发表于 2024-3-30 21:00

庶民 发表于 2024-3-30 19:58
这样的构图很美。

庶民晚上好，谢谢欣赏{:4_187:}

小辣椒 发表于 2024-3-30 21:01

红影 发表于 2024-3-30 20:10
这构思太棒了，咖啡杯的路径上方，还有氤氲的热气动态呢

亲爱的，这个就一个动图加了路径播放器，制作可以速度快一点的
页: [1] 2 3
查看完整版本: 我想你的时候 TO：小九生日快乐！