岩新新 发表于 2025-10-2 00:20

精选歌曲十首

<style>
    @import 'https://638183.freep.cn/638183/web/css/tz03.css';
    #pa { --offsetX: 81px; --bg: #ccc url('https://webftp-bbs.hnol.net/yx2021/CR19/16.jpg') no-repeat center/cover; }
    #progress { position: absolute; width: 12vw; height: 12vw; transition: .4s; }
    #prog, #track { fill: none; stroke: url(#grd); stroke-width: 16; stroke-opacity: .7; stroke-linecap: round; stroke-linejoin: round; transition: .15s;

cursor: pointer; }
    #prog { stroke: rgba(255,0,0,.8); }
    #g1 { transform-box: fill-box; transform-origin: center; cursor: pointer; fill: url(#grd); animation: rotate 8s linear infinite var(--state); }
    #btnFs { left: 20px; bottom: 20px; color: white; border-color: currentColor!important; }
    #mList { left: 20px; top: 20px; color: beige; border: 8px double beige; border-radius: 12px; background: rgba(20,100,0,.5); }
    #mList > p { font-size: 18px; }
    #mList > p:hover { font-weight: bold; }
    .hLight { color: yellow; }
</style>

<div id="pa">
    <img id="plane1" alt="" src="https://638183.freep.cn/638183/Pic/2022/btf.gif" />
    <audio id="aud" src="https://music.163.com/song/media/outer/url?id=25896403" autoplay loop></audio>
    <video class="pd-vid" src="https://img.tukuppt.com/video_show/2405811/00/70/22/607f0fbdb9b80.mp4" autoplay loop muted></video>
    <svg id="progress" xmlns="http://www.w3.org/2000/svg" viewBox="-200 -200 400 400">
      <defs>
            <linearGradient id="grd" x1="0" x2="0" y1="0" y2="0.5">
                <stop offset="0%" stop-color="red"></stop>
                <stop offset="50%" stop-color="transparnet"></stop>
                <stop offset="100" stop-color="green"></stop>
            </radialGradient>
      </defs>
      <g id="g1" class="hue-rotate"><title>ALT+X</title></g>
      <g id="g2"><title>调节进度</title></g>
    </svg>
</div>

<script type="module">
    import { FS } from 'https://638183.freep.cn/638183/web/js/pathprog_mulplayer.js';
    import Dr from 'https://638183.freep.cn/638183/web/mod/svgdr.mod.js?v=1.1';

    var dr = Dr.dr(progress);
    dr.path('M0 0 C-80 -160,80 -160,0 0').addTo('g1').rotates(7);
    dr.circle(0,0,100,'transparent').addTo('g1');
    dr.path('M0 -180 Q-300 0,0 180').id('track').addTo('g2');
    dr.path('M0 -180 Q-300 0,0 180').id('prog').addTo('g2');

    var musics = [['2694856702', '月亮照山川 (DJ默涵版)'], ['212342', '你是我生命的传奇'], ['2632483011', '苹果香'], ['2133265671', '一生无悔'],

['2738871490', '这条街'], ['1457248961', '你笑起来真好看'], ['29932457', '时间都去哪儿了'], ['556030568', '受了伤的狼'], ['492144016', '成都'],

['1453957944', '寂寞沙洲冷']].map(ar => ['https://music.163.com/song/media/outer/url?id=' + ar, ar]);

    FS(pa, g1, musics);
</script>

樵歌 发表于 2025-10-2 07:34

美美滴的欣赏{:4_174:}{:4_190:}

小辣椒 发表于 2025-10-2 13:25

岩新中国套用做的岩石漂亮{:4_199:}

小辣椒 发表于 2025-10-2 13:28

多做几次套用，然后慢慢自己修改一下效果，就更加好了

红影 发表于 2025-10-2 21:36

这么多好歌呢，好听。欣赏新新好帖{:4_199:}
页: [1]
查看完整版本: 精选歌曲十首