小辣椒 发表于 2022-6-27 21:29

我怎能离开你 TO：走过岁月（同玩岁月粒子效果）

<style type="text/css">
.picBtn {
   
      width: 80px;
      height: 142px;
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('https://wj.zp68.com/lxx/yunhua/2022/06/27/13.gif') no-repeat;
      cursor: pointer;
      
</style>

<div style="position: relative; left:-230px; width:1097px; height: 586px; top:150px; text-align:center;">
      <img alt="" src="https://wj.zp68.com/lxx/yunhua/2022/06/27/223.gif" style="box-shadow:1px 1px 2px #666; border:solid 1px #1458bd;" />
      <div style="position:absolute; width:200px; left:450px; top: 380px; text-align:center;">

<center >
<p ><font color="#CCCCCC" size="4" >

               <marqueescrollamount="4" direction="left" >    </marquee>
<div style="position:absolute; width:100px; left:280px; top: -30px; text-align:center;">
                <p><audio id="music" src="https://wj.zp68.com/lxx/yunhua/2022/06/27/wznlk.mp3" loop="loop" autoplay="autoplay" ></audio><br> </p>
                <button id="picBtn" class="picBtn"></button>
          </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://wj.zp68.com/lxx/yunhua/2022/06/27/13.gif')") : (mu.pause(), btn.style.background="url('https://wj.zp68.com/lxx/yunhua/2022/06/27/13.png')");
}

mu.addEventListener("ended", function(){
      btn.style.background="url('https://wj.zp68.com/lxx/yunhua/2022/06/27/13.png')";
})

</script>


<div id="txtBox" style="margin: auto; width: 700px; font-size: 1.0em;position: absolute;left: 100px;top: 500px; width: 500px;text-align: center;"></div>

<script language="javascript">

var txtBox = document.getElementById("txtBox");
var idx = 0;
var str = "感谢岁月精美的粒子效果 小辣椒同玩一个。。。。。 ";

setInterval(function(){
      txtBox.innerHTML = str.substring(0, idx) + "|";
      idx += 1;
      if(idx > str.length) idx = 0;
}, 400);

</script>

</div><br><br><br><br><br><br>

小辣椒 发表于 2022-6-27 21:30

@走过岁月
谢谢岁月的粒子效果，玩一个{:4_173:}

走过岁月 发表于 2022-6-27 21:30

沙发

走过岁月 发表于 2022-6-27 21:31

同款的，不错啊

小辣椒 发表于 2022-6-27 21:31

@马黑黑
谢谢黑黑，用了黑黑的2个效果，播放器按钮+打字效果

小辣椒 发表于 2022-6-27 21:32

走过岁月 发表于 2022-6-27 21:31
同款的，不错啊

岁月，我加了2个人物进去{:4_170:}

走过岁月 发表于 2022-6-27 21:33

突然发现这个耳机是开关

走过岁月 发表于 2022-6-27 21:34

小辣椒做的真不错，表扬小辣椒

走过岁月 发表于 2022-6-27 21:34

谢谢小辣椒的礼物 {:4_179:}

小辣椒 发表于 2022-6-27 21:34

走过岁月 发表于 2022-6-27 21:30
沙发

岁月来了

小辣椒 发表于 2022-6-27 21:35

走过岁月 发表于 2022-6-27 21:33
突然发现这个耳机是开关

是的，播放器按钮

走过岁月 发表于 2022-6-27 21:36

小辣椒 发表于 2022-6-27 21:32
岁月，我加了2个人物进去

是的

小辣椒 发表于 2022-6-27 21:36

走过岁月 发表于 2022-6-27 21:34
小辣椒做的真不错，表扬小辣椒

好啊，岁月表扬我会开心S，理由你知道的{:4_173:}

走过岁月 发表于 2022-6-27 21:37

小辣椒 发表于 2022-6-27 21:36
好啊，岁月表扬我会开心S，理由你知道的

哈哈，开心就好

小辣椒 发表于 2022-6-27 21:38

走过岁月 发表于 2022-6-27 21:34
谢谢小辣椒的礼物

不谢，是你昨天的粒子做的漂亮，玩一个了{:4_173:}

走过岁月 发表于 2022-6-27 21:38

小辣椒 发表于 2022-6-27 21:38
不谢，是你昨天的粒子做的漂亮，玩一个了

嗯，开心玩

小辣椒 发表于 2022-6-27 21:38

走过岁月 发表于 2022-6-27 21:36
是的

人物其实是特效，因为这里场景小，没有很清晰

小辣椒 发表于 2022-6-27 21:41

走过岁月 发表于 2022-6-27 21:37
哈哈，开心就好

今天这个编比较简单，回家就一下子就做好了

走过岁月 发表于 2022-6-27 21:41

小辣椒 发表于 2022-6-27 21:38
人物其实是特效，因为这里场景小，没有很清晰

嗯，难怪我一开始以为是花蕊

小辣椒 发表于 2022-6-27 21:41

走过岁月 发表于 2022-6-27 21:38
嗯，开心玩

就感觉我今天的做的比较简单一点
页: [1] 2
查看完整版本: 我怎能离开你 TO：走过岁月（同玩岁月粒子效果）