朵拉 发表于 2026-4-27 21:51

梦与十四行诗（学习马黑黑不见山效果）

<style>
@import 'https://638183.freep.cn/638183/tzmaker/tz2026.css';
.pa { --bg: #000 url('https://pic1.imgdb.cn/item/69ef68eff22803d5e1d98faf.jpg') no-repeat center/cover; }
#mysvg { bottom: 40px; width: 100px; height: 100px; border-radius: 50%; }
.bgprog { bottom: 20px;color: lightgreen; }
.btnFs { right: 30px; top: 30px;color: lightgreen; }
</style>

<div class="pa">
<audio src="https://upfile.mp3.wf/view.php/baa239f81df7826e3c48703596ef765f.mp3" autoplay loop></audio>
<video class="pd-vid" src="https://img.tukuppt.com/video_show/2269348/00/35/88/5fe9ad4c67cff.mp4" autoplay loop muted></video>
<svg id="mysvg" viewBox="-100 -100 200 200">
    <title>Alt+X</title>
          <g id="g1" class="player rot"></g>
</svg>
<div class="bgprog"></div>
<div class="btnFs" title="F11"></div>
</div>

<script>
function loadJs(url, callback) {
    var script = document.createElement('script');
    script.charset = 'utf-8';
    script.src = url;
    script.onload = function() {
      if (callback) callback();
    };
    document.head.appendChild(script);
}

function tzRun() {
    var dr = _dr(mysvg);
    dr.gradient(
      'linearGradient',
      {id: 'grd', x1: 0, x2: 0, y1: 0, y2: 1},
      [['lightgreen', 0], ['tan', .35], ['green', 0.7], ['orange', 1]]
    );
    dr.circle(0, 0, 90, 'transparent', 'url(#grd)', 6).addTo(g1);
    dr.line(8, 0, 85, 1, 'url(#grd)', 5).addTo(g1).rotates(13, 360);
    var tz = TZ('pa');
    tz.start();
}

loadJs('https://638183.freep.cn/638183/tzmaker/tz2026.min.js', function() {
    loadJs('https://638183.freep.cn/638183/svgdr/svgdr.min.js', tzRun);
});
</script>

朵拉 发表于 2026-4-27 21:52

@马黑黑
老师 晚上好，学生交作业，请您指正{:4_190:}

马黑黑 发表于 2026-4-27 22:26

{:4_174:}

梦江南 发表于 2026-4-28 10:16

欣赏朵拉老师的精美音画。{:4_199:}

梦油 发表于 2026-4-28 11:11

欣赏佳作，问候朵拉。

红影 发表于 2026-4-28 19:54

漂亮，欣赏朵宝好帖{:4_204:}
页: [1]
查看完整版本: 梦与十四行诗（学习马黑黑不见山效果）