小辣椒 发表于 2023-11-4 15:11

开心万岁 TO:撒哈拉的雨


<style>
#papa{margin: 150px 0 0 calc(50% - 781px); width: 1400px; height: 711px; background: url('https://xlaj.cn/assets/file/zp/20231104134927.jpg') 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: 1400px; height: 380px; top:350; left: 650; transform: rotate(30deg); }
#dt1{ position: absolute; width:1200px; height:500px; top: 120px; left: 30px; }
#dt2{ position: absolute; width: 40px; height : 40px; top: 320px; left: 350px; }
#dt3{ position: absolute; width:12px; height:20px; top: 150px; left: 670px; }
#dt4{ position: absolute; width:200px; height:180px; top: 80px; left: 50px; }

</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/20231104135032.gif" alt="" />
<img id="dt3" src="https://xlaj.cn/assets/file/zp/20231030141805.jpg " alt="" />
      <div id="sky"></div>
      <audio id="aud" src="https://aod.cos.tx.xmcdn.com/storages/d71b-audiofreehighqps/B0/A2/GKwRIRwJEGqAACAAAAJ0KEaL.m4a" 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: 30px; left: 50%;color:Honeydew; --bg: linear-gradient(rgba(100,149,2375,4),rgba(100,149,237,.17));',               
                        fs_css: 'transform: translate(0px,40px); color: #F0FFF0; background: transparent; bottom: -250px;',
                         player_css: 'width: 300px; height: 280px;left: 15px;top:480px; transform: translateY(-20px);',
                     path: 'm201.94383,85.75311c-4.7012,-0.01838 -9.19681,0.84847 -13.33323,2.43918l-22.30436,-35.93534a6.89115,6.89115 0 0 0 -5.85518,-3.25693l-18.3764,0c-2.53738,0 -4.5941,2.05672 -4.5941,4.5941l0,4.5941c0,2.53738 2.05672,4.5941 4.5941,4.5941l14.54291,0l4.27711,6.89115l-32.60203,0l0,-4.5941c0,-2.53738 -2.05672,-4.5941 -4.5941,-4.5941l-25.11221,0c-3.85933,0 -7.11425,3.15816 -7.04505,7.01663c0.06661,3.74534 3.12284,6.76567 6.88971,6.76567l13.99076,0l-8.44654,13.64448c-3.85703,-1.38684 -8.01211,-2.1486 -12.34435,-2.15923c-20.16379,-0.04881 -36.7261,16.36993 -36.84382,36.53343c-0.11916,20.39867 16.3817,36.97217 36.7528,36.97217c17.12508,0 31.51495,-11.71295 35.5948,-27.5646l14.9403,0a6.89115,6.89115 0 0 0 5.8592,-3.26382l24.68238,-39.87191l4.28917,6.91039c-7.30893,6.73265 -11.88293,16.38974 -11.86053,27.11582c0.04163,19.76411 16.62461,36.48031 36.38786,36.67212c20.27319,0.19668 36.80477,-16.02279 37.11315,-36.17739c0.31182,-20.36938 -16.23038,-37.24667 -36.60235,-37.32592zm-93.53559,21.18196c2.79293,3.02321 4.78734,6.79381 5.63983,10.97645l-12.43451,0l6.79467,-10.97645zm-16.86839,38.54106c-12.66593,0 -22.9705,-10.30457 -22.9705,-22.9705s10.30457,-22.9705 22.9705,-22.9705c1.68517,0 3.3267,0.1875 4.90966,0.53378l-13.06591,21.10673c-2.83714,4.58233 0.46429,10.51819 5.8592,10.51819l23.34377,0c-3.55181,8.10428 -11.64662,13.7823 -21.04672,13.7823zm46.69616,-27.5646l-10.22876,0c-1.13704,-9.11814 -5.61514,-17.19744 -12.16948,-22.97797l7.10535,-11.47779l36.62273,0l-21.32983,34.45575zm62.32385,27.53187c-11.78272,-0.62164 -21.26178,-10.24829 -21.71488,-22.03876c-0.23315,-6.0645 1.90454,-11.63398 5.55168,-15.86774l12.7581,20.55458c1.33803,2.15578 4.17029,2.81848 6.32608,1.48045l3.90326,-2.42253c2.15578,-1.33803 2.81877,-4.17029 1.48045,-6.32608l-12.76815,-20.57095a22.94208,22.94208 0 0 1 5.70185,-0.71697c12.66593,0 22.9705,10.30457 22.9705,22.9705c-0.00029,13.07596 -10.98335,23.6355 -24.2089,22.93748z',
                     btn: {left: 75, top: 170},
              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-11-4 15:15

感谢大哥的一直关心,虽然你很少来论坛,但有时候也是上来的,哈哈,知道你在监督我的,也是为我好,但现在确实已经自觉了许多了,没有熬夜的,希望自己身体好起来的,感谢大哥的一直以来的支持,这个图图眼熟吧{:4_189:}

小辣椒 发表于 2023-11-4 15:16

祝福大哥开心每一天,开心万万岁{:4_179:}

红影 发表于 2023-11-4 17:53

亲爱的这个路径也好漂亮,正好是一个自行车的路径,跟背景太相配了{:4_199:}

红影 发表于 2023-11-4 17:55

这个背景图制作溶图很棒。欣赏亲爱的好帖,@撒哈拉的雨 收礼开心{:4_187:}

上海朝阳 发表于 2023-11-4 18:51

小辣椒 发表于 2023-11-4 15:15
感谢大哥的一直关心,虽然你很少来论坛,但有时候也是上来的,哈哈,知道你在监督我的,也是为我好,但现在 ...

辣椒妹妹也伤着啦,眼睛还是腰椎颈椎呀,电脑手机使用时间过多的都被损伤了,我最近也是左臂酸疼,也是拿着华为平板电脑时间过多,现在的平板磁场很大,手指感觉在上电疗

梦油 发表于 2023-11-4 20:20

左下角的自行车动画小图很美。

千羽 发表于 2023-11-4 21:04

这画面和路径都很美,音乐也好听呢{:4_187:}

千羽 发表于 2023-11-4 21:06

问好撒雨老师,好久不见。收礼开心哦{:4_187:}{:4_204:}

千羽 发表于 2023-11-4 21:06

问好小辣椒,棒棒哒,周末快乐哈{:4_187:}

冬天的雨 发表于 2023-11-4 21:21

这是自行车路径,冬雨就套用这个,这个自行车好玩{:4_178:}

冬天的雨 发表于 2023-11-4 21:22

小辣椒 发表于 2023-11-4 15:15
感谢大哥的一直关心,虽然你很少来论坛,但有时候也是上来的,哈哈,知道你在监督我的,也是为我好,但现在 ...

你大哥真关心你的{:4_199:}

冬天的雨 发表于 2023-11-4 21:23

小辣椒 发表于 2023-11-4 15:16
祝福大哥开心每一天,开心万万岁

祝小辣椒大哥永远开心快乐{:4_187:}

冬天的雨 发表于 2023-11-4 21:23

千羽 发表于 2023-11-4 21:06
问好撒雨老师,好久不见。收礼开心哦

千羽也是认识啊{:4_203:}

冬天的雨 发表于 2023-11-4 21:24

不管几岁,开心万岁{:4_178:}

撒哈拉的雨 发表于 2023-11-4 22:36

谢谢远方的妹妹,愿你永远的开心

撒哈拉的雨 发表于 2023-11-4 22:38

开心万岁,不管几岁开心万岁

撒哈拉的雨 发表于 2023-11-4 22:40

妹妹要管理好自己 身体,不能熬夜。只有身体好,才能心情好,才能真正做到开心万岁····

醉美水芙蓉 发表于 2023-11-4 22:40

撒哈拉的雨 发表于 2023-11-4 22:42

这张图片是几年前的,谢谢你还保存着的{:4_171:}
页: [1] 2 3 4
查看完整版本: 开心万岁 TO:撒哈拉的雨