黑黑的奇迹：唱。。。
本帖最后由 东篱闲人 于 2022-3-16 10:45 编辑 <br /><br /><style>#clkBtn { width: 60px; height: 60px; border-radius: 50%; background: rgba(0, 0, 0, .3); cursor: pointer; position: relative; }
#clkBtn::before { content: ''; position: absolute; left: 4px; top: 4px; background: rgba(0, 0, 0, .5); width: 50px; height: 50px; border: 1px solid #555; border-radius: 50%; }
#zhizhen { position: absolute; left:30px; top: 30px; width: 2px; height: 21px; background:#FFFFFF; transform-origin: 0 0; animation: go 3s linear infinite; }
@keyframes go { to { transform: rotate(360deg);} }
</style>
<div id="clkBtn">
<div id="zhizhen"></div>
</div>
<audio id="music" autoplay="autoplay" loop="loop" src="http://music.163.com/song/media/outer/url?id=1440983119.mp3" ></audio>
<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> 它只能在左上角吗？不能动地方吗？{:5_115:} 东篱大哥这么快就做了个带歌曲的时钟啊，指针缩短点倒也好看呢{:4_187:} 原来还真有这样的歌曲啊，这个歌名真有意思，还以为标题是为了赞美黑黑的呢{:4_189:} 东篱闲人 发表于 2022-3-16 10:40
它只能在左上角吗？不能动地方吗？
你去看我送你的帖子，怎么移位 红影 发表于 2022-3-16 11:25
原来还真有这样的歌曲啊，这个歌名真有意思，还以为标题是为了赞美黑黑的呢
赞美我就太过分了{:4_170:} 红影 发表于 2022-3-16 11:24
东篱大哥这么快就做了个带歌曲的时钟啊，指针缩短点倒也好看呢
还修改了表盘边缘的颜色 老兄玩得很开心嘛。{:4_199:} 马黑黑 发表于 2022-3-16 11:32
赞美我就太过分了
但真的有这个歌曲啊，太有意思了{:4_173:} 马黑黑 发表于 2022-3-16 11:33
还修改了表盘边缘的颜色
是的，这个也挺好看的。 红影 发表于 2022-3-16 13:25
是的，这个也挺好看的。
东篱审美力不是一般的好 红影 发表于 2022-3-16 13:25
但真的有这个歌曲啊，太有意思了
是啊 马黑黑 发表于 2022-3-16 13:29
东篱审美力不是一般的好
是呢，非常赞{:4_187:} 马黑黑 发表于 2022-3-16 13:29
是啊
《黑黑的奇迹》
黑黑其实不必怕怕
因为它藏有无限宝藏
天上的星星照亮我们
林子里有萤火虫指引方向
树上听见夜莺歌唱
眼前草地点点发光
你以为天地一切都停摆
在黑黑里生命的活力
一直都在
这就是黑黑的奇迹
充满能量的奇迹
张开双手拥抱这片黑
好把奇迹留在身边
这就是黑黑的奇迹
默默运转的奇迹
就像妈妈唱起了摇篮曲
送你安心入梦去
这就是黑黑的奇迹
默默运转的奇迹
就像妈妈唱起了摇篮曲
送你安心入梦去 红影 发表于 2022-3-16 11:25
原来还真有这样的歌曲啊，这个歌名真有意思，还以为标题是为了赞美黑黑的呢
就是赞美黑黑啊！{:5_116:} 马黑黑 发表于 2022-3-16 11:32
你去看我送你的帖子，怎么移位
看了，没找到图片的位置。。。{:5_117:} 马黑黑 发表于 2022-3-16 11:32
赞美我就太过分了
不过分，就是赞美你，太牛了。。。{:5_116:} 加林森 发表于 2022-3-16 11:38
老兄玩得很开心嘛。
瞎玩呗。。。{:5_117:} 马黑黑 发表于 2022-3-16 13:29
东篱审美力不是一般的好
没啥审美，瞎审呗。。。{:5_117:} 东篱闲人 发表于 2022-3-16 16:53
瞎玩呗。。。
真会玩。。。。{:4_176:}