小辣椒 发表于 2022-6-20 21:24

你走以后 TO：冬天的雨

<style type="text/css">
.picBtn {
   
      width: 22px;
      height: 10px;
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('https://pic.imgdb.cn/item/60ef06295132923bf8240703.gif') no-repeat;
      cursor: pointer;
      
</style>

<div style="position: relative; left:10px; width:748px; top:120px; text-align:center;">
      <img alt="" src="https://pic.imgdb.cn/item/62aa05c70947543129c06abc.gif" style="box-shadow:1px 1px 2px #666; border:solid 1px #1458bd;" />
      <div style="position:absolute; width:100px; left:350px; top: 450px; text-align:center;">

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

               <marqueescrollamount="4" direction="left" >    </marquee>
<div style="position:absolute; width:100px; left:295px; top: -50px; text-align:center;">
                <p><audio id="music" src="https://s1.ananas.chaoxing.com/sv-w9/audio/77/ab/4b/7a779727bb6d77f19e22eadeac9fc74f/audio.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://pic.imgdb.cn/item/60ef06295132923bf8240703.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/6225d3e65baa1a80ab525ee2.png')");
}

mu.addEventListener("ended", function(){
      btn.style.background="url('https://pic.imgdb.cn/item/6225d3e65baa1a80ab525ee2.png')";
})

</script>
<div id="txtBox" style="margin: auto; width: 300px; font-size: 1.0em;position: absolute;left: 10px;top: 480px; width: 300px;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-20 21:25

@冬天的雨

绿叶清舟 发表于 2022-6-20 21:38

好精致的啊，冬雨在忙啥啊都不见人了

小辣椒 发表于 2022-6-20 21:40

绿叶清舟 发表于 2022-6-20 21:38
好精致的啊，冬雨在忙啥啊都不见人了

清舟晚上好，这个就是加了黑黑的小按钮播放器，加了几个打字效果，图图是原来的2.0播放器界面，可惜现在都不能玩了，swf我看不见了

红影 发表于 2022-6-20 21:43

这个像是在看投影，布局得当，小频谱和打字效果用得好。欣赏亲爱的好帖{:4_187:}

红影 发表于 2022-6-20 21:44

有亲爱的在，冬小雨怎么忍心走{:4_173:}

小辣椒 发表于 2022-6-20 21:53

红影 发表于 2022-6-20 21:43
这个像是在看投影，布局得当，小频谱和打字效果用得好。欣赏亲爱的好帖

哈哈~~亲爱的，这个又是我的偷懒帖，现在是怎么样轻松就怎么玩{:4_170:}

小辣椒 发表于 2022-6-20 21:53

红影 发表于 2022-6-20 21:44
有亲爱的在，冬小雨怎么忍心走

哈哈~~~~{:4_179:}

冬天的雨 发表于 2022-6-20 22:46

有礼物我就上来{:4_170:}

冬天的雨 发表于 2022-6-20 22:47

绿叶清舟 发表于 2022-6-20 21:38
好精致的啊，冬雨在忙啥啊都不见人了

来了，清舟有点忙

冬天的雨 发表于 2022-6-20 22:47

红影 发表于 2022-6-20 21:44
有亲爱的在，冬小雨怎么忍心走

美女你{:4_170:}

冬天的雨 发表于 2022-6-20 22:52

小辣椒 发表于 2022-6-20 21:25
@冬天的雨

别太累{:4_197:}{:4_185:}

红影 发表于 2022-6-21 16:44

小辣椒 发表于 2022-6-20 21:53
哈哈~~亲爱的，这个又是我的偷懒帖，现在是怎么样轻松就怎么玩

很美的，构思很棒{:4_199:}

红影 发表于 2022-6-21 16:44

冬天的雨 发表于 2022-6-20 22:47
美女你

怎么样，我没说错吧{:4_189:}

绿叶清舟 发表于 2022-6-21 19:22

小辣椒 发表于 2022-6-20 21:40
清舟晚上好，这个就是加了黑黑的小按钮播放器，加了几个打字效果，图图是原来的2.0播放器界面，可惜现在 ...

现在换了浏览器，俺也看不到的了

绿叶清舟 发表于 2022-6-21 19:31

冬天的雨 发表于 2022-6-20 22:47
来了，清舟有点忙

这么久了还没忙完啊

山人 发表于 2022-7-9 07:14

欣赏管理员的精美作品

大猫咪 发表于 2022-7-9 11:49

辣椒这制作好有创意{:4_187:} 好久没见冬雨兄弟，一起想念 {:4_204:} 周末快乐！{:4_179:}

小辣椒 发表于 2022-7-9 12:03

红影 发表于 2022-6-21 16:44
很美的，构思很棒

突然发现我好多好多帖没有回的{:4_201:}

小辣椒 发表于 2022-7-9 12:05

绿叶清舟 发表于 2022-6-21 19:22
现在换了浏览器，俺也看不到的了

清舟swf其实很漂亮，据说有安全漏洞，马上淘汰了。。。。前几年就这么说，所以改学了H5播放器
页: [1] 2
查看完整版本: 你走以后 TO：冬天的雨