【成瘾成疯又成魔（R7版）】 崔伟立
<img src="https://pic.imgdb.cn/item/620a4fb52ab3f51d91dd2acd.gif">
<style type="text/css">
#paDiv { margin: auto; width: 220px; display: flex; align-items: center; border: 1px solid olive; border-radius: 8px 0px 8px 0px; background: rgba(0,0,0,.8); box-shadow: 1px 1px 2px #000; }
#jindu { position: relative; width: 200px; height: 8px; line-height: 8px; font-size: 10px; color: #eee; text-align: center; background: linear-gradient(90deg, olive, green) no-repeat; background-size: 8px 0px; cursor: pointer; }
#btn-ro { width: 20px; height: 20px; line-height: 20px; font-size: 12px; background: linear-gradient(blue, silver, red); outline:none; color: white; border-radius: 50%; text-align: center; cursor: pointer; animation: rol linear 2s infinite; }
#btn-ro:hover { opacity: 0.8; }
#btn-ro:active { opacity: 1; }
@keyframes rol { to { transform:rotate(360deg); } }
</style>
<div id="paDiv">
<div id="btn-ro">·</div>
<div id="jindu">
<div id="jd-go"></div>
</div>
</div>
<script language="javascript">
var btn = document.getElementById('btn-ro');
var jindu = document.getElementById('jindu');
var aud = document.createElement('audio');
aud.loop = true;
// 音乐地址放在下行引号内
aud.src = "https://www.joy127.com/url/88656.mp3";
aud.addEventListener('ended', function() { btn.style.animationPlayState="paused"; }, true);
aud.addEventListener('timeupdate', tmMsg, true);
aud.play();
function tmMsg(){ //进度条
let auT = Math.floor(aud.duration - aud.currentTime);
let auM = auT / 60;
let auMs = parseInt(auM);
if (auMs <10) auMs = "0" + auMs;
let auS = auT % 60;
let auSs = Math.round(auS);
if (auSs < 10) auSs = "0" + auSs;
jindu.innerHTML = "- " + auMs +":" + auSs;
let jd = (100*aud.currentTime)/aud.duration;
jindu.style.backgroundSize = jd+ "% 8px";
}
jindu.onclick = function(){ //进度控制
let w = offset(jindu,"left");
var x = (event.clientX - w) * aud.duration / jindu.clientWidth;
aud.currentTime = x;
}
function offset(obj,direction){//获取父级元素偏移总量
let offsetDir = "offset" + direction.toUpperCase()+direction.substring(1);
let realNum = obj;
let positionParent = obj.offsetParent;
while(positionParent != null){
realNum += positionParent;
positionParent = positionParent.offsetParent;
}
return realNum;
}
btn.onclick = function(){ // 暂停&播放
aud.paused ? (aud.play(), btn.style.animationPlayState="running") : (aud.pause(), btn.style.animationPlayState="paused");
}
</script>
《成瘾成疯又成魔》
演唱：崔伟立
作词/作曲：聂小慧
歌词编辑：孟德良
2020年02月06日
你已经离开我 只有黑夜和寂寞
你怎么忍心 让我伤心 让我难过
想说的还没说 你就被人海淹没
活该我一个人 受折磨
你本来不爱我 我没有趁早解脱
直到结果 让我无法接受 无法割舍
我跪求着问佛 一切到底为什么
佛说这一切 都是罪过
我爱你 已经成瘾成疯 又成魔
任由爱的烈火 来把我烧灼
痴情痴爱 是我捆绑自己 的枷锁
叫我怎能逃脱 命运的蹉跎
我爱你 已经成瘾成疯 又成魔
任由时光流逝 来把情斑驳
无怨无悔 是我对你万般 的执着
你是我一生 最美的错过
(Music)
你本来不爱我 我没有趁早解脱
直到结果 让我无法接受 无法割舍
我跪求着问佛 一切到底为什么
佛说这一切 都是罪过
我爱你 已经成瘾成疯 又成魔
任由爱的烈火 来把我烧灼
痴情痴爱 是我捆绑自己 的枷锁
叫我怎能逃脱 命运的蹉跎
我爱你 已经成瘾成疯 又成魔
任由时光流逝 来把情斑驳
无怨无悔 是我对你万般 的执着
你是我一生 最美的错过
我爱你 已经成瘾成疯 又成魔
任由爱的烈火 来把我烧灼
痴情痴爱 是我捆绑自己 的枷锁
叫我怎能逃脱 命运的蹉跎
我爱你 已经成瘾成疯 又成魔
任由时光流逝 来把情斑驳
无怨无悔 是我对你万般 的执着
你是我一生 最美的错过
劲爆的心声 {:4_170:} 来看你 发表于 2022-2-14 21:42
劲爆的心声
心跳如何？{:4_189:} 加林森 发表于 2022-2-14 21:54
心跳如何？
要蹦出来了 {:5_106:} 来看你 发表于 2022-2-14 21:55
要蹦出来了
我也差不多了。{:4_170:} 加林森 发表于 2022-2-14 21:56
我也差不多了。
{:4_180:} 喝杯茶，定定神 {:5_106:} 来看你 发表于 2022-2-14 21:57
喝杯茶，定定神
这个帖花了我一个时，真有点累了。{:5_106:} 队长又做一个啊，还是动图的，好看{:4_204:} 好快，播放器用上了，漂亮{:4_199:} 好听{:4_187:} 红影 发表于 2022-2-14 22:01
队长又做一个啊，还是动图的，好看
谢谢红影支持！{:4_187:} 千羽 发表于 2022-2-14 22:02
好快，播放器用上了，漂亮
千羽喜欢啊。谢谢！情人节快乐！{:4_204:} 千羽 发表于 2022-2-14 22:03
好听
你喜欢就好！{:4_176:} 本帖最后由 加林森 于 2022-2-14 23:17 编辑
@绿叶清舟 @马黑黑@小辣椒 来看看。 {:4_199:} 马黑黑 发表于 2022-2-15 08:38
老黑早晨好！ 谢谢队长好分享，现在听真舒服， 元宵节快乐！
{:4_204:}{:4_191:} 大猫咪 发表于 2022-2-15 13:49
谢谢队长好分享，现在听真舒服， 元宵节快乐！
猫猫下午好。元宵节快乐！{:4_204:} 听歌来啦~~快节奏好听~~{:5_116:}