小辣椒 发表于 2022-7-17 20:59

空白明信片---同做岁月

<style type="text/css">
.picBtn {
      width: 40px;
      height: 35px;
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('https://wx.ttt.dj/updir/62d3ca211def5.gif') no-repeat;
      cursor: pointer;
      
</style>

<div style="position: relative; left:-340px; width:1278px; top: 150px; text-align:center;">
      <img alt="" src="https://wx.ttt.dj/updir/62d3ca838c6b2.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="#666666" size="4" >

               <marqueescrollamount="4" direction="left" >    </marquee>
<div style="position:absolute; width:200px; left:100px; top: -10px; text-align:center;">
                <p><audio id="music" src="https://wx.ttt.dj/updir/62d3caa26ccef.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://wx.ttt.dj/updir/62d3ca211def5.gif')") : (mu.pause(), btn.style.background="url('https://wx.ttt.dj/updir/62d3ca5235670.png')");
}

mu.addEventListener("ended", function(){
      btn.style.background="url('https://wx.ttt.dj/updir/62d3ca5235670.png')";
})

</script>


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

<script language="javascript">

var txtBox = document.getElementById("txtBox");
var idx = 0;
var str = "啊呀~你真傻<br><br>现在是网络时代 哪里还会用寄明信片 直接微信就可以联系 不会微信也是可以用QQ 再就也是可以打电话 真的不行还可以上花潮论坛找我呀 咋还会寄明信片 还是空白的 难怪我这么久没有你的信息 一直以为你是世界上最聪明的人 现在好了 原来你已经凹凸了 O(∩_∩)O哈哈~。。。。。。。小辣椒 ";

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><br><br>

小辣椒 发表于 2022-7-17 20:59

@走过岁月

{:4_170:}{:4_189:}{:4_172:}

红影 发表于 2022-7-17 21:06

用逐行打字的效果，用在这里也很不错的，亲爱的真棒{:4_187:}

红影 发表于 2022-7-17 21:06

看到文字里的话，笑，亲爱的你太搞笑了{:4_170:}

小辣椒 发表于 2022-7-17 21:07

红影 发表于 2022-7-17 21:06
用逐行打字的效果，用在这里也很不错的，亲爱的真棒

这个是快速做帖{:4_173:}

小辣椒 发表于 2022-7-17 21:07

红影 发表于 2022-7-17 21:06
看到文字里的话，笑，亲爱的你太搞笑了

哈哈~~~好玩的，开心一下{:4_170:}

走过岁月 发表于 2022-7-17 21:13

小辣椒 发表于 2022-7-17 20:59
@走过岁月

来了，小辣椒的速度真是杆杆的，我也是杆杆的

小辣椒 发表于 2022-7-17 21:14

走过岁月 发表于 2022-7-17 21:13
来了，小辣椒的速度真是杆杆的，我也是杆杆的

还做了其他一个准备今天发的，结果上来看见你这个就去同一个了

走过岁月 发表于 2022-7-17 21:15

小辣椒现在制作真的非常棒

小辣椒 发表于 2022-7-17 21:17

走过岁月 发表于 2022-7-17 21:15
小辣椒现在制作真的非常棒

这个是黑黑的打字效果，所以我会这么快哦

走过岁月 发表于 2022-7-17 21:17

加个小飞机搭上明信片，这意境很美妙

走过岁月 发表于 2022-7-17 21:18

以后不用明信片了，直接微信小辣椒

小辣椒 发表于 2022-7-17 21:19

走过岁月 发表于 2022-7-17 21:17
加个小飞机搭上明信片，这意境很美妙

这个是纸飞机

小辣椒 发表于 2022-7-17 21:20

走过岁月 发表于 2022-7-17 21:18
以后不用明信片了，直接微信小辣椒

就是啊，微信多方便

走过岁月 发表于 2022-7-17 21:22

小辣椒 发表于 2022-7-17 21:14
还做了其他一个准备今天发的，结果上来看见你这个就去同一个了

嗯，速度很快

走过岁月 发表于 2022-7-17 21:22

小辣椒 发表于 2022-7-17 21:17
这个是黑黑的打字效果，所以我会这么快哦

嗯，不错

走过岁月 发表于 2022-7-17 21:22

小辣椒 发表于 2022-7-17 21:19
这个是纸飞机

知道

走过岁月 发表于 2022-7-17 21:23

小辣椒 发表于 2022-7-17 21:20
就是啊，微信多方便

嗯

小辣椒 发表于 2022-7-17 21:24

走过岁月 发表于 2022-7-17 21:22
嗯，速度很快

这样才好玩

小辣椒 发表于 2022-7-17 21:25

走过岁月 发表于 2022-7-17 21:22
嗯，不错

只是难得开心开心的{:4_170:}
页: [1] 2 3 4
查看完整版本: 空白明信片---同做岁月