小辣椒 发表于 2022-3-11 21:22

明明喜欢你却不敢告诉你 TO:走过岁月

<style type="text/css">
.picBtn {
   
      width: 22px;
      height: 10px;
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('https://wj1.zp68.com:812/lxx/yunhua/2022/06/9dc.gif') no-repeat;
      cursor: pointer;
      
</style>

<div style="position: relative; left:-390px; width:1396px; top: 150px; text-align:center;">
      <img alt="" src="https://wj1.zp68.com:812/lxx/yunhua/2022/06/4IF.gif" style="box-shadow:1px 1px 2px #666; border:solid 1px #1458bd;" />
      <div style="position:absolute; width:300px; left:720px; top: 450px; text-align:center;">

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

               <marqueescrollamount="4" direction="left" >    </marquee>
<div style="position:absolute; width:400px; left:-250px; top: -60px; text-align:center;">
                <p><audio id="music" src="https://wj1.zp68.com:812/lxx/yunhua/2022/06/mmxhn.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://wj1.zp68.com:812/lxx/yunhua/2022/06/9dc.gif')") : (mu.pause(), btn.style.background="url('https://wj1.zp68.com:812/lxx/yunhua/2022/06/9dc.png')");
}

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

</script>


<div id="txtBox" style="margin: auto; width: 400px; font-size: 1.0em;position: absolute;left: 270px;top: 580px; width: 350px;text-align: center;"></div>

<script language="javascript">

var txtBox = document.getElementById("txtBox");
var idx = 0;
var str = "学习黑黑的打字效果玩一下 感觉特别棒! 《明明喜欢你却不敢告诉你》是由罗智鸿作词 作曲 笑天演唱的歌曲 发行于2020年12月8日DJ音乐节奏特别强 音乐也是特别美 感觉好听 。。。。。小辣椒 ";

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

</script>

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

小辣椒 发表于 2022-3-11 21:27

谢谢岁月的礼物,小辣椒难得还一个了@走过岁月

小辣椒 发表于 2022-3-11 21:30

学习黑黑的打字效果,问一下黑黑,这个打字效果还可以稍微再慢一点点吗?@马黑黑

小辣椒 发表于 2022-3-11 21:33

很奇怪,怎么回一个打字效果会出来填写用户名{:4_203:}

大猫咪 发表于 2022-3-11 21:42

辣椒这制作太棒了 {:4_187:}画面唯美,很用心的制作,歌曲非常好听,触动人心 !

岁月收礼开心!周末快乐!

{:4_204:}{:4_190:}

大猫咪 发表于 2022-3-11 21:43

小辣椒 发表于 2022-3-11 21:30
学习黑黑的打字效果,问一下黑黑,这个打字效果还可以稍微再慢一点点吗?@马黑黑

辣椒真棒! 越做越精美{:4_187:} 赞!!!!!!!

小辣椒 发表于 2022-3-11 21:44

大猫咪 发表于 2022-3-11 21:42
辣椒这制作太棒了 画面唯美,很用心的制作,歌曲非常好听,触动人心 !

岁月收礼开心!周末快 ...

猫猫,这个主要是玩岁月的频谱,今天加了黑黑的打字效果,现在有了黑黑的css播放器做帖速度应该快多了{:4_173:}

走过岁月 发表于 2022-3-11 21:45

小辣椒 发表于 2022-3-11 21:27
谢谢岁月的礼物,小辣椒难得还一个了@走过岁月

来了,其实不用还的 {:5_106:}

千羽 发表于 2022-3-11 21:45

小辣椒又一力作,哈哈,那两小人儿好可爱{:4_185:}

千羽 发表于 2022-3-11 21:47

窗上是雨珠吗?歌儿好听{:4_208:}

大猫咪 发表于 2022-3-11 21:47

小辣椒 发表于 2022-3-11 21:44
猫猫,这个主要是玩岁月的频谱,今天加了黑黑的打字效果,现在有了黑黑的css播放器做帖速度应该快多了{:4 ...

是的   非常快    {:4_187:} 棒棒滴{:4_190:}

走过岁月 发表于 2022-3-11 21:47

不错啊,现在小辣椒可以运用的炉火纯青了

千羽 发表于 2022-3-11 21:47

岁月快来开心收礼{:4_181:}

小辣椒 发表于 2022-3-11 21:49

走过岁月 发表于 2022-3-11 21:45
来了,其实不用还的

哈哈~~~还一个,以后你可以多送,还是我合算{:4_173:}

小辣椒 发表于 2022-3-11 21:50

走过岁月 发表于 2022-3-11 21:47
不错啊,现在小辣椒可以运用的炉火纯青了

这个感觉还是不算复杂,做图也是快的

走过岁月 发表于 2022-3-11 21:50

跳舞这两个人物位置恰好,好棒

小辣椒 发表于 2022-3-11 21:50

千羽 发表于 2022-3-11 21:45
小辣椒又一力作,哈哈,那两小人儿好可爱

那是2个大人儿的{:4_170:}

走过岁月 发表于 2022-3-11 21:51

谢谢小辣椒,这么忙还做帖

小辣椒 发表于 2022-3-11 21:51

千羽 发表于 2022-3-11 21:47
窗上是雨珠吗?歌儿好听

下雨效果我加了水珠效果

走过岁月 发表于 2022-3-11 21:52

大猫咪 发表于 2022-3-11 21:42
辣椒这制作太棒了 画面唯美,很用心的制作,歌曲非常好听,触动人心 !

岁月收礼开心!周末快 ...

谢谢大猫兄一起开心
页: [1] 2 3
查看完整版本: 明明喜欢你却不敢告诉你 TO:走过岁月