冬天的雨 发表于 2022-1-29 20:59

祝大家新年快乐！


<style type="text/css">
.mnBox {
      margin: 0 auto;
      padding: 35px;
      width: 700px;
      border: none;
      border-top: 6px solid #000;/* 顶部边框样式*/
      border-radius: 10px;
      background: #b3c3c3;
}
.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://pic.imgdb.cn/item/61f1831f2ab3f51d91f8780a.jpg" /></p><br>
   
                <h2 style="text-align:center;">新年快乐！</h2>
                <h2 style="text-align:center;">TO：花潮的兄弟姐妹们</h2>
                <pre>

                                        虎年运气好 财源滚滚到

                                        拼打人生路 成功业绩高

                                        人财双丰收 步入顺利桥

                                        美好前程在 和谐最重要

                                        新春到 冬雨送上真挚的祝福：

                                        祝福你新的一年里

                                        身体健康 万事如意

                                        阖家团圆 幸福安康！



                </pre>
               <p><audio id="music" src="https://oss.shandianpan.com/1161e9871ece2bba5f1bcaffbdd4009a.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
         
                <p><button id="picBtn" class="picBtn"></button></p><br>
                <p>冬天的雨2022 01 29</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>

冬天的雨 发表于 2022-1-29 21:00

套用小辣椒css代码帖@小辣椒

冬天的雨 发表于 2022-1-29 21:01

祝福大家新年快乐！

虎年吉祥！

樵歌 发表于 2022-1-29 21:35

祝福小雨新年安康！一天比一天好！{:4_176:}

樵歌 发表于 2022-1-29 21:35

这歌儿好应景儿，双热烈欢快！

千羽 发表于 2022-1-29 21:36

谢谢小冬雨的祝福，同样的祝福送给你{:4_204:}

绿叶清舟 发表于 2022-1-29 21:37

冬雨好，也祝你新年快乐，幸福安康

千羽 发表于 2022-1-29 21:37

冬天的雨 发表于 2022-1-29 21:01
祝福大家新年快乐！

虎年吉祥！
小冬雨，要改一个字哈{:4_203:}

红影 发表于 2022-1-29 22:26

很欢快的歌曲，也祝福冬小雨新春快乐{:4_187:}

走过岁月 发表于 2022-1-30 14:05

祝冬雨新春快乐！

小辣椒 发表于 2022-1-30 14:36

冬雨偷懒就做这么简单的一个啊{:4_187:}

冬天的雨 发表于 2022-2-1 14:23

小辣椒 发表于 2022-1-30 14:36
冬雨偷懒就做这么简单的一个啊

今天也是发了一个，不过也是最简单的{:4_170:}

冬天的雨 发表于 2022-2-1 14:23

走过岁月 发表于 2022-1-30 14:05
祝冬雨新春快乐！

岁月新年快乐！{:4_187:}

冬天的雨 发表于 2022-2-1 14:24

红影 发表于 2022-1-29 22:26
很欢快的歌曲，也祝福冬小雨新春快乐

美女新年快乐！{:4_187:}

冬天的雨 发表于 2022-2-1 14:24

千羽 发表于 2022-1-29 21:37
小冬雨，要改一个字哈

看见已经改{:4_189:}了

冬天的雨 发表于 2022-2-1 14:25

绿叶清舟 发表于 2022-1-29 21:37
冬雨好，也祝你新年快乐，幸福安康

清舟新年好{:4_187:}

冬天的雨 发表于 2022-2-1 14:25

千羽 发表于 2022-1-29 21:36
谢谢小冬雨的祝福，同样的祝福送给你

小千羽新年好！{:4_187:}

冬天的雨 发表于 2022-2-1 14:26

樵歌 发表于 2022-1-29 21:35
这歌儿好应景儿，双热烈欢快！

老首长新年好！{:4_187:}

冬天的雨 发表于 2022-2-1 14:27

樵歌 发表于 2022-1-29 21:35
祝福小雨新年安康！一天比一天好！

同样的祝福送给老首长，敬礼！{:4_180:}

绿叶清舟 发表于 2022-2-1 20:42

冬天的雨 发表于 2022-2-1 14:25
清舟新年好

冬雨来了啊，新年好
页: [1] 2
查看完整版本: 祝大家新年快乐！