东篱闲人 发表于 2022-3-20 10:21

黑黑牌钟表。。。。。

本帖最后由 东篱闲人 于 2022-3-20 12:43 编辑 <br /><br /><div style="LEFT: 0px; WIDTH: 734px; POSITION: relative; TOP: 100px">
<div style="float:left;border:solid 1px 000;"><img src="https://s1.ax1x.com/2022/03/20/qV4Jq1.jpg"></div>
<style>
#bgBox { position:relative; left: 238px; top: -248px;width: 770px; height: 433px; background-image: ur background-size: 770px 433px; background-position: 770px 0; opacity: .75; animation: mv 5s linear infinite; }
#clkBtn { width: 200px; height: 200px; border-radius: 50%; background: rgba(0, 0, 0, .8); cursor: pointer; position: relative; }
#clkBtn::before { content: ''; position: absolute; left: 10px; top: 8px; background: rgba(0, 0, 0, .2); width: 180px; height: 180px; border: 1px solid #555; border-radius: 50%; }
#zhizhen { position: absolute; left: 100px; top: 100px; width: 3px; height: 80px; background:#FFFFFF; transform-origin: 0 0; animation: go 60s linear infinite; }
@keyframes go { to { transform: rotate(360deg);} }
</style>

<div id="bgBox">
      <div id="clkBtn" style="left: 20px; top: calc(100% - 120px);">
                <div id="zhizhen"></div>
      </div>
      <audio id="music" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=252786.mp3" ></audio>
</div>

<script language="javascript">
var aud = document.getElementById('music');
var btn = document.getElementById('clkBtn');
var zz = document.getElementById('zhizhen');
btn.onclick = function(){ aud.paused ? (aud.play(), zz.style.animationPlayState = "running") : (aud.pause(), zz.style.animationPlayState = "paused"); }
aud.addEventListener("ended", function(){ zz.style.animationPlayState = "running"; });
</script>

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

老头你这表走太快了{:4_172:}

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

老兄这速度好快，又制作出以个，赞~~~~~~~~~~{:4_199:}

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

厉害，把按钮和表盘结合在一起了，东篱大哥的脑袋就是好使{:4_199:}

东篱闲人 发表于 2022-3-20 12:43

辫子哥哥 发表于 2022-3-20 11:26
老头你这表走太快了

没事它可以慢。。。{:4_189:}

东篱闲人 发表于 2022-3-20 12:44

加林森 发表于 2022-3-20 11:28
老兄这速度好快，又制作出以个，赞~~~~~~~~~~

现在行了吗？{:5_117:}

东篱闲人 发表于 2022-3-20 12:44

红影 发表于 2022-3-20 11:55
厉害，把按钮和表盘结合在一起了，东篱大哥的脑袋就是好使

买吧？便宜。。。{:5_117:}

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

东篱闲人 发表于 2022-3-20 12:44
现在行了吗？

可以可以，老兄好厉害。{:4_199:}

东篱闲人 发表于 2022-3-20 12:52

加林森 发表于 2022-3-20 12:45
可以可以，老兄好厉害。

还能慢。。。{:5_117:}

加林森 发表于 2022-3-20 13:00

东篱闲人 发表于 2022-3-20 12:52
还能慢。。。

不能太慢了，与音乐就不在一个节奏上了。

东篱闲人 发表于 2022-3-20 13:01

加林森 发表于 2022-3-20 13:00
不能太慢了，与音乐就不在一个节奏上了。

哦，俺以为你喜欢慢呢。。。。{:4_170:}

加林森 发表于 2022-3-20 13:24

东篱闲人 发表于 2022-3-20 13:01
哦，俺以为你喜欢慢呢。。。。

啊哟，我忘记自己都7老80了。。。。{:4_172:}

东篱闲人 发表于 2022-3-20 13:28



再给你来一个。。。{:5_117:}


加林森 发表于 2022-3-20 13:34

东篱闲人 发表于 2022-3-20 13:28
再给你来一个。。。

差不多了啊啊啊啊。。。。{:4_172:}

马黑黑 发表于 2022-3-20 20:38

看东篱玩出高超的水平，不得不由衷地高兴

马黑黑 发表于 2022-3-20 20:39

这歌也是我喜欢的，侃侃，一个时代

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

东篱闲人 发表于 2022-3-20 12:44
买吧？便宜。。。

咋总想着推销呀，都给你留着呗{:4_173:}

东篱闲人 发表于 2022-3-21 20:31

马黑黑 发表于 2022-3-20 20:38
看东篱玩出高超的水平，不得不由衷地高兴

谢谢黑老师。。。{:4_176:}

马黑黑 发表于 2022-3-21 22:47

东篱闲人 发表于 2022-3-21 20:31
谢谢黑老师。。。

{:4_191:}

东篱闲人 发表于 2022-3-22 15:23

红影 发表于 2022-3-20 22:50
咋总想着推销呀，都给你留着呗

穷人，缺钱。。。
页: [1] 2
查看完整版本: 黑黑牌钟表。。。。。