加林森 发表于 2022-3-20 08:16

【与我无关】-阿冗

本帖最后由 加林森 于 2022-3-22 22:00 编辑 <br /><br /><style type="text/css">
.picBtn {
   
      width: 40px;
      height: 35px;
      border: none;
      outline: none;
      border-radius: 8px;
      background: transparent url('https://pic.imgdb.cn/item/623404e65baa1a80abe4e2fb.gif') no-repeat;
      cursor: pointer;
      
</style>

<div style="position: relative; left:-200px; width:1008px;top: 150px; text-align:center;">
      <img alt="" src='https://pic.imgdb.cn/item/6235a1fe5baa1a80ab2dee4a.jpg' style="box-shadow:1px 1px 2px #666; border:solid 1px #000;" />
      <div style="position:absolute; width:250px; left:620px; top: 470px; text-align:center;">

<center >
<p ><font color="#89482a" size="4" >

               <marqueescrollamount="4" direction="left" >与我无关--阿冗</marquee>
<div style="position:absolute; width:100px; left:-420px; top: -50px; text-align:center;">
                <p><audio id="music" src="http://www.kumeiwp.com/sub/filestores/2021/02/07/8f34b8b74d58aef8d1e368cd8d3ef3e3.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/623404e65baa1a80abe4e2fb.gif')") : (mu.pause(), btn.style.background="url('https://pic.imgdb.cn/item/623405065baa1a80abe502bf.png')");
}

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

</script>

<div style="position:absolute; width:500px; left:420px; top: 40px; text-align:center;">
<style>

.txtBg {
      font-size: 4rem;
      color: transparent;
      width: 500px;
      height: 100px;
      line-height: 100px;
      text-align: center;
      background-image: linear-gradient(90deg, green, olive, transparent, tomato, green);
      background-size: 500px 100px;
      background-position: 500px 0;
      border: 1px solid;
      background-clip: text;
      -webkit-background-clip: text;
      animation: chgc 2s linear infinite;
}
@keyframes chgc {
      from { background-position: -500px 0; }
      to { background-position: 0 0; }
}
</style>

<div class="txtBg">与我无关</div>




<div id="textClock"></div>

<script language="javascript">

showTime();
setInterval(showTime, 1000);

function showTime(){
      var now = new Date();
      var year = now.getFullYear();
      var month = now.getMonth() + 1;
      var date = now.getDate();
      var day = now.getDay();
      var hour = now.getHours();
      if(hour < 10) hour = "0" + hour;
      var minute = now.getMinutes();
      if(minute < 10) minute = "0" + minute;
      var second = now.getSeconds();
      if(second < 10) second = "0" + second;
      document.getElementById("textClock").innerHTML = year + "年" + month + "月" + date + "日 星期" + toHz(day) + "" + hour + ":" + minute + ":" + second;
}

function toHz(num) {
      var hz = "日一二三四五六九";
      return(hz.charAt(num));
}

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

马黑黑 发表于 2022-3-20 08:58

队长的技术越来越厉害了

加林森 发表于 2022-3-20 09:01

马黑黑 发表于 2022-3-20 08:58
队长的技术越来越厉害了

老黑上午好。都与你分不开的，你教得好。{:5_108:}

马黑黑 发表于 2022-3-20 10:44

加林森 发表于 2022-3-20 09:01
老黑上午好。都与你分不开的，你教得好。

我只是提供技术支持，实现自己的创意是教不了的

樵歌 发表于 2022-3-20 10:57

队长创意越来多了，那字不晃荡，不断向前进了{:4_199:}

加林森 发表于 2022-3-20 11:07

马黑黑 发表于 2022-3-20 10:44
我只是提供技术支持，实现自己的创意是教不了的

嗯嗯，还是你的教得好，我们自己去开创另外的。谢谢你！{:5_108:}

马黑黑 发表于 2022-3-20 11:08

加林森 发表于 2022-3-20 11:07
嗯嗯，还是你的教得好，我们自己去开创另外的。谢谢你！

{:5_108:}

加林森 发表于 2022-3-20 11:08

樵歌 发表于 2022-3-20 10:57
队长创意越来多了，那字不晃荡，不断向前进了

樵歌来啦，我在继续练习呢。{:4_190:}

加林森 发表于 2022-3-20 11:15

马黑黑 发表于 2022-3-20 11:08


{:4_190:}

辫子哥哥 发表于 2022-3-20 11:35

{:4_199:}队长挺会选歌的

红影 发表于 2022-3-20 11:39

队长也做成了带日期和变色字的帖子呢，很赞{:4_187:}

红影 发表于 2022-3-20 11:40

队长学得好快，很赞{:4_187:}

马黑黑 发表于 2022-3-20 11:46

辫子哥哥 发表于 2022-3-20 11:35
队长挺会选歌的

同感

加林森 发表于 2022-3-20 12:17

辫子哥哥 发表于 2022-3-20 11:35
队长挺会选歌的

我是凭感觉先听的，好听就做一个。

加林森 发表于 2022-3-20 12:18

红影 发表于 2022-3-20 11:39
队长也做成了带日期和变色字的帖子呢，很赞

是的，昨晚就制作出来了。今天又修改了一下才发出来的。

红影 发表于 2022-3-20 22:35

加林森 发表于 2022-3-20 12:18
是的，昨晚就制作出来了。今天又修改了一下才发出来的。

带时间的好，无论帖子过了多少时候，都是当前时间呢。

加林森 发表于 2022-3-20 22:43

红影 发表于 2022-3-20 22:35
带时间的好，无论帖子过了多少时候，都是当前时间呢。

就是，我感觉这个好！

樵歌 发表于 2022-3-21 07:26

加林森 发表于 2022-3-20 11:08
樵歌来啦，我在继续练习呢。

好好学习天天向上。{:4_173:}

加林森 发表于 2022-3-21 10:00

樵歌 发表于 2022-3-21 07:26
好好学习天天向上。

争取当三好学生。{:4_189:}

红影 发表于 2022-3-21 12:00

加林森 发表于 2022-3-20 22:43
就是，我感觉这个好！

边回帖就边能帖子里看到当前时间，有意思。
页: [1] 2
查看完整版本: 【与我无关】-阿冗