亦是金 发表于 2023-10-15 17:50

《情不问因果》 - 杭娇

本帖最后由 亦是金 于 2023-10-15 18:12 编辑 <br /><br /><div class="t_fsz">
<table cellspacing="0" cellpadding="0"><tr><td class="t_f" id="postmessage_1973151">

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

<style>
#papa { margin: auto; width: 1200px; height: 700px;top: -80px;left: 0px; background: url('https://ysj147.s3-us-east-1.ossfiles.com/zzsc/gif/251haijing.gif') no-repeat center/cover; box-shadow: 4px 4px 8px black; overflow: hidden; display: grid; place-items: center; z-index: 1; position: relative; --state: running; }
#sky { position: absolute; width: 1200px; height: 700px; top: 200; left: 20; }
#plane {position: absolute;left: 19%;top: 53%;width: 80px;height: 130px;}
</style>
<style type="text/css">
@keyframes mv { from { background-position: 1200px 0; } to { background-position: 0 0; } }

body { overflow-x: hidden; }
#baiBox {
      margin: auto;
      width: 800px;
      text-align: center;
      font-family:微软简中圆;
      font-size: 2.5rem;
      font-weight: bold;
      color: #f46ff6;
      transform-origin: top;
      animation: yao 1.0s linear infinite alternate;
}

@keyframes yao {
      from{transform: perspective(800px) rotatex(30deg); }
      to { transform: perspective(800px) rotatex(-30deg); }
}

.tit { position: relative;width: 300px;height: 30px;top: 30px;LEFT: -250px;z-index: 100;filter: drop-shadow(-1px 1px 1px #ffffff)drop-shadow(0px -1px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff)drop-shadow(0px 0px 1px #ffffff) }
#tit:hover { color: green; }

</style>

<div id="hu" >
<div id="baiBox"
<div class="tit">
<span style="color:#fb52f9;"><span style="font-size:30px;">《情不问因果》</span>
<span style="color:#3d46f7;"><span style="font-size:22px;"> - - 杭 娇</span></div>
</style>

<div style="position: relative; width: 500px; height: 50px; top:610px;LEFT: 1000px;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:24px;">亦是金在线音乐</span></span></span></p></div>


<div id="papa">
<div id="sky"></div>
<img id="plane" src="https://z4a.net/images/2023/10/15/24750308_96.gif" alt="" />
      <audio id="aud" src="https://music.163.com/song/media/outer/url?id=1406016466.mp3" autoplay loop></audio>
</div>

<script>

(function() {
let lrcAr = [
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
        ,
       
];
      let js1 = 'https://ysj147.s3-us-east-1.ossfiles.com/zzsc/js/svg_path_lrc_z_ysj4.js',
                js2 = 'https://638183.freep.cn/638183/web/lizi/h5lz_02.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: 60px; --bg: linear-gradient(rgba(255,221, 0,60%),rgba(255,0,217,40%)); color: snow;left: 80px;',
                        fs_css: 'bottom: 3%; left: 100px; transform: translate(0,-35px); background: transparent; --color: rgba(63,168,211,.95);',
                        player_css: 'width: 195px; height: 250px; top: 50%; left: 15%; background: url("https://ysj147.s3-us-east-1.ossfiles.com/zzsc/png/svg-xk01.png") no-repeat center/cover;',//* top: 52%; left: 13%; *//

                        path: 'm70.73348,55.75c0,0 10.04854,2.04918 9.84757,2.04918c0.20097,0 7.83786,4.09836 7.63689,4.09836c0.20097,0 6.63204,4.91803 6.43107,4.91803c0.20097,0 4.62233,5.32787 4.42136,5.32787c0.20097,0 4.22039,7.37705 4.01942,7.37705c0.20097,0 6.2301,-7.78688 6.02912,-7.78688c0.20097,0 6.63204,-6.14754 6.43107,-6.14754c0.20097,0 7.03398,-4.91803 6.83301,-4.91803c0.20097,0 6.63204,-3.27869 6.43107,-3.27869c0.20097,0 10.24951,-1.63934 10.04854,-1.63934c0.20097,0 9.84757,2.04918 9.6466,2.04918c0.20097,0 10.65145,4.91803 10.45048,4.91803c0.20097,0 7.43592,6.14754 7.23495,6.14754c0.20097,0 5.42621,10.65574 5.22524,10.65574c0.20097,0 2.61262,7.78688 2.41165,7.78688c0.20097,0 -0.20097,13.52459 -0.40194,13.52459c0.20097,0 -3.81845,13.93442 -4.01942,13.93442c0.20097,0 -6.2301,10.2459 -6.43107,10.2459c0.20097,0 -8.64174,7.78688 -8.84272,7.78688c0.20097,0 -7.43592,5.7377 -7.63689,5.7377c0.20097,0 -6.63204,4.91803 -6.83301,4.91803c0.20097,0 -7.03398,4.91803 -7.23495,4.91803c0.20097,0 -7.83786,6.55738 -8.03883,6.55738c0.20097,0 -6.63204,7.78688 -6.63204,7.37705c0,-0.40984 -6.02912,10.2459 -6.02912,9.83606c0,-0.40984 -6.43107,8.60656 -6.63204,8.60656c0.20097,0 -4.62233,-9.83606 -4.8233,-9.83606c0.20097,0 -9.04369,-7.78688 -9.24466,-7.78688c0.20097,0 -7.43592,-6.96721 -7.63689,-6.96721c0.20097,0 -8.64174,-6.96721 -8.84272,-6.96721c0.20097,0 -9.84757,-7.37705 -10.04854,-7.37705c0.20097,0 -8.2398,-6.14754 -8.44077,-6.14754c0.20097,0 -8.64174,-7.37705 -8.84272,-7.37705c0.20097,0 -6.63204,-8.60656 -6.83301,-8.60656c0.20097,0 -4.62233,-8.19672 -4.8233,-8.19672c0.20097,0 -2.21068,-10.65574 -2.41165,-10.65574c0.20097,0 -0.20097,-12.70492 -0.40194,-12.70492c0.20097,0 3.81845,-9.83606 3.61747,-9.83606',
                        btn: {left: 44, top: 210},
                        track: {track: '#b21fb8', prog: '#fb2b70'},

                        img: {play: 'https://ysj147.s3-us-east-1.ossfiles.com/zzsc/png/play.png', pause: 'https://ysj147.s3-us-east-1.ossfiles.com/zzsc/png/pause.png'}
                });
      });

      loadJs(js2, () => {
                H5lz({
                        papa: '#sky',
                        total: 6,
                        size: {width: 30, height: 70},
                        shape: {background: 'url("https://ysj147.s3-us-east-1.ossfiles.com/zzsc/png/5488.png") no-repeat center/cover', borderRadius: '0'},
                        ani: 'toRight',
                        maxTime: 20,
                        offset: {x: 0, y: 0},
                          
                });
      });
})();

</script></td></tr></table>

竹溪 发表于 2023-10-15 18:03

好看的心形，好看的玫瑰{:5_116:}

亦是金 发表于 2023-10-15 18:56

竹溪 发表于 2023-10-15 18:03
好看的心形，好看的玫瑰
问好！谢谢欣赏！{:4_187:}

醉美水芙蓉 发表于 2023-10-15 20:16

醉美水芙蓉 发表于 2023-10-15 20:20

红影 发表于 2023-10-15 20:53

动态背景和播放器路径的小动图都好漂亮。这个好，全屏的时候没有错位了{:4_204:}

红影 发表于 2023-10-15 20:53

漂亮的制作。欣赏亦是金老师好帖{:4_199:}

亦是金 发表于 2023-10-15 21:18

醉美水芙蓉 发表于 2023-10-15 20:16
欣赏老师精品！美美哒！

问好！{:4_187:}

亦是金 发表于 2023-10-15 21:19

醉美水芙蓉 发表于 2023-10-15 20:20
镂空图图好漂亮！

谢谢欣赏！{:4_187:}

亦是金 发表于 2023-10-15 21:21

红影 发表于 2023-10-15 20:53
动态背景和播放器路径的小动图都好漂亮。这个好，全屏的时候没有错位了

问好！谢谢表扬！{:4_187:}

亦是金 发表于 2023-10-15 21:21

红影 发表于 2023-10-15 20:53
漂亮的制作。欣赏亦是金老师好帖

祝你欣赏愉快！{:4_187:}

红影 发表于 2023-10-15 21:46

亦是金 发表于 2023-10-15 21:21
问好！谢谢表扬！

自己做路径也不容易呢，亦是金老师辛苦了{:4_187:}

红影 发表于 2023-10-15 21:47

亦是金 发表于 2023-10-15 21:21
祝你欣赏愉快！

谢谢亦是金老师带来的好帖{:4_187:}

亦是金 发表于 2023-10-15 22:42

红影 发表于 2023-10-15 21:46
自己做路径也不容易呢，亦是金老师辛苦了

谢谢点赞！{:4_187:}

亦是金 发表于 2023-10-15 22:43

红影 发表于 2023-10-15 21:47
谢谢亦是金老师带来的好帖

晚上好！{:4_187:}

红影 发表于 2023-10-15 22:44

亦是金 发表于 2023-10-15 22:42
谢谢点赞！

不客气啊，问好亦是金老师{:4_204:}

红影 发表于 2023-10-15 22:44

亦是金 发表于 2023-10-15 22:43
晚上好！

谢谢，彼此彼此{:4_187:}

亦是金 发表于 2023-10-16 08:32

红影 发表于 2023-10-15 22:44
谢谢，彼此彼此

早上好{:4_204:}

红影 发表于 2023-10-16 09:45

亦是金 发表于 2023-10-16 08:32
早上好

问好亦是金老师，新周快乐{:4_187:}

偶然~ 发表于 2023-10-16 14:40

太棒了~我听的都醉了~都醉了！

玫瑰花☆╮╮芍药花☆╮☆╮合欢花花～【偶然 送给你】
页: [1] 2
查看完整版本: 《情不问因果》 - 杭娇