朵拉 发表于 2025-9-6 21:32

想你一次起一阵风

本帖最后由 朵拉 于 2025-10-4 22:25 编辑 <br /><br /><style type="text/css">
.mnBox {
      margin: 0 auto;
      padding: 35px;
      width: 660px;
      border: none;
      border-top: 6px solid #000;/* 顶部边框样式*/
      border-radius: 10px;
      background: #545454;
}
.ctBox {
      margin: 0;
      padding: 10px;
      background: #fff;
      min-height: 300px;
      border-radius: 10px;
      box-shadow: 1px 3px 2px 2px rgba(4,4,4,.6);
}

.ctBox p,img, h2,button { text-align:center; }

.picBtn {
      width: 32px;
      height: 32px;
      outline: none;
      border: none;
      border-radius: 8px;
      background: transparent url('https://pic.imgdb.cn/item/61e446952ab3f51d917b0f77.png') no-repeat;
      cursor: pointer;
      box-shadow: 1px 1px 2px 1px rgba(0,0,0,.25);
}

.picBtn:hover {
      opacity: 0.95;
      box-shadow: 1px 1px 2px 2px rgba(0,0,0,.3);
}

.picBtn:active {
      opacity: 0.8;
      box-shadow: 1px 1px 1px 0px rgba(0,0,0,.5);
}

</style>

<div class="mnBox">
      <div class="ctBox">

            <p><img style="padding-top: 30px; alt="" src="https://pic1.imgdb.cn/item/68bc2e7b58cb8da5c8849e96.jpg" /></p>

         
            <p><p><p><h2 style="text-align:center;">「想你一次起一阵风」演唱：灯 叔</h2>
               
                <pre><center>
分手那天你无动于衷
你没有说珍重珍重
寂寞烟火亲吻着夜空
我已不在你的怀中

岁月匆匆转几个秋冬
我们错过之后再没相逢
这个世界遗憾千种万种
你给的回忆最伤最痛

想你一次就起一阵风
你不会懂我思念汹涌
如今我们隔着山水重重
你是否已忘了过去种种

想你一次就起一阵风
后来我再见你只能梦中
如今你又和谁深情相拥
我沦为了路人观众

你让我心动又赐我心痛
我的心事有谁懂谁懂
                </pre>
                <p><audio id="music" src="https://cccimg.com/view.php/4a6d61dcb9caab1d1805d3d03f192526.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
         
                <p><button id="picBtn" class="picBtn"></button></p><br>
                <p>朵拉制作2025—09—06</p><br><br>
      </div>
</div>
<script language="javascript">
var mu = document.getElementById('music');
var btn = document.getElementById('picBtn');
btn.onclick = function(){
      mu.paused ? (mu.play(), btn.style.background="url('https://pic.imgdb.cn/item/61e446952ab3f51d917b0f77.png')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/61e561062ab3f51d9145d37c.png')");
}

mu.addEventListener("ended", function(){
      btn.style.background="url('https://pic.imgdb.cn/item/61e561062ab3f51d9145d37c.png')";
})

</script>

红影 发表于 2025-9-7 10:08

这个没有音乐？

朵拉 发表于 2025-10-4 22:26

@小辣椒
小辣椒好 双节快乐，有空来听 有音乐么{:4_204:}{:4_190:}

朵拉 发表于 2025-10-4 22:28

红影 发表于 2025-9-7 10:08
这个没有音乐？

影宝好 双节快乐，换了链接地址，再听一听{:4_204:}{:4_190:}

小辣椒 发表于 2025-10-6 13:50

朵拉 发表于 2025-10-4 22:26
@小辣椒
小辣椒好 双节快乐，有空来听 有音乐么
朵拉好，有音乐可以听到，你修改了外面边的颜色，稍微深了一点，感觉整体有点太黑，颜色取图的浅颜就完美了，这样下面设置的立体黑色看的不明显了

小辣椒 发表于 2025-10-6 13:51

这个是上次水区分享的三个单曲播放器，还有二个我下沉了

小辣椒 发表于 2025-10-6 13:51

朵拉制作不错，会修改颜色了{:4_199:}

小九 发表于 2025-10-6 18:55

很好听！ 祝福朵拉中秋快乐！{:4_187:}

朵拉 发表于 2025-10-6 22:00

小九 发表于 2025-10-6 18:55
很好听！ 祝福朵拉中秋快乐！

小九好 中秋快乐，么么哒{:4_204:}

走过岁月 发表于 2025-10-9 21:08

难怪前两天我这里刮台风，原来想你了

走过岁月 发表于 2025-10-9 21:08

很漂亮的制作，欣赏
页: [1]
查看完整版本: 想你一次起一阵风