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

今夜无眠----祝大家新年快乐！

<style type="text/css">
.picBtn {
       // position: relative;
      width: 32px;
      height: 32px;
   
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('http://image.hnol.net/c/2022-01/16/15/202201161501412221-5087368.gif ') no-repeat;
      cursor: pointer;
      
</style>

<div style="position: relative; left:-380px; width:1383px;TOP: 150px;    pxext-align:center;">
      <img alt="" src="https://wj1.zp68.com:812/lxx/tup/9IF.gif" style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
      <div style="position:absolute; width:400px; left:820px; top: 540px; text-align:center;">

<center >
<p ><font color="#3b7a54" size="3" >

<div style="color:#ffffff;margin:0px;padding:10px;font-size:5px;font-family:微软雅黑;text-shadow:1px 1px 1px #000000;">
               <marqueescrollamount="4" direction="left" >今夜无眠 让我们一起欢乐的舞起来 欢度新年祝大家新春快乐 阖家团圆 幸福安康！ </marquee>
                <p><audio id="music" src="https://wj1.zp68.com:812/lxx/yy/jywm.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
                <button id="picBtn" class="picBtn"></button>
          </div>
      </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('http://image.hnol.net/c/2022-01/16/15/202201161501412221-5087368.gif ')") : (mu.pause(), btn.style.background="url('http://image.hnol.net/c/2022-01/16/15/202201161501092411-5087368.gif')");
}

mu.addEventListener("ended", function(){
      btn.style.background="url('http://image.hnol.net/c/2022-01/16/15/202201161501092411-5087368.gif')";
})

</script><br><br><br><br><br><br><br><br><br><br>

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

@走过岁月

岁月用了你的这个频谱效果，放大了尺寸，主要这个频谱下面一大片空旷的地方可以利用

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

祝福论坛的朋友们，新年快乐，虎年吉祥，虎虎生威！

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

谢谢黑黑的css语句，小辣椒感觉玩这个可以直接发论坛，不用上传空间了，特别方便@马黑黑

樵歌 发表于 2022-1-30 15:24

这个效果太美太壮阔了，大气，抒情，小辣椒真棒。做这个怕很费时间，长时坐电脑要注意了，春节有这帖子一直陪我们，你心意都在其中，就不要再做帖子了，多休养一阵儿，过了年到身轻如燕，再来闹腾哈。{:4_190:}

樵歌 发表于 2022-1-30 15:26

春节期间，樵哥哥就和这个帖子中的你一起玩。{:4_205:}

马黑黑 发表于 2022-1-30 16:25

欣赏

红影 发表于 2022-1-30 16:31

这个帖子太美了，亲爱的厉害，把岁月的粒子效果还有黑黑的css代码运用得如此好，太赞了{:4_199:}

红影 发表于 2022-1-30 16:31

今夜无眠，人人欢笑，共度新春{:4_187:}

红影 发表于 2022-1-30 16:32

这个灯光效果，能把广场照亮呢，让那一对对跳舞的身影变得那么朦胧，真好看{:4_187:}

加林森 发表于 2022-1-30 16:54

今夜无眠，人人欢笑，共同跳舞。制作得真好看。{:4_199:}

走过岁月 发表于 2022-1-30 17:34

小辣椒 发表于 2022-1-30 14:30
@走过岁月

岁月用了你的这个频谱效果，放大了尺寸，主要这个频谱下面一大片空旷的地方可以利用

放大可以，不影响

走过岁月 发表于 2022-1-30 17:38

广场上加上跳舞恰到好处，小辣椒真聪明

走过岁月 发表于 2022-1-30 17:39

今夜无眠，好听，应该是梦之旅组合唱的吧

走过岁月 发表于 2022-1-30 17:40

烟花也好看，制作得不错，赞

走过岁月 发表于 2022-1-30 17:40

祝小辣椒新春快乐！

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

这个组合漂亮的，辣椒新年快乐，福气满满

杨柳青 发表于 2022-1-30 23:14

今夜一起无眠哈~~{:5_106:}

杨柳青 发表于 2022-1-30 23:15

今小年夜玩个通宵~~

杨柳青 发表于 2022-1-30 23:16

可是都是谁和谁搭子跳舞呢~~{:5_153:}
页: [1] 2
查看完整版本: 今夜无眠----祝大家新年快乐！