<style type="text/css">.itemm {z-index: 600;width: 1000px;
height: 600px;position: relative;
box-shadow:  0px 0px 0px 2px #ffffff, 0px 0px 5px 15px #000079;MARGIN-LEFT:15px;margin-top:15px; 
ox-sizing: border-box;background: url(http://);
overflow:hidden;border-radius:0%; animation: slider01 6s linear infinite ;
transform-origin: center;}

@keyframes slider01{
 0%{background: linear-gradient(20deg, #008000, #ff0000, #23a6d5, #000090);}
              25%{background: linear-gradient(40deg, #000080, #ff0000, #23a6d5, #fff000);}
               50%{background: linear-gradient(60deg, #ee7752, #008000, #23a6d5, #00ff00);}
               75%{background: linear-gradient(80deg, #ff0000, #005500, #333333, #000080);}
100%{background: linear-gradient(100deg, #ff0080, #ff1100, #800000, #000000);}
}


</style>

<div class="itemm" >
<div class="mt10">
<audio src="
http://url.amp3a.com/kuwo.php/209377667.mp3" oncontextmenu="return false;" controls loop 
autoplay  id="audio"style="width:0px;height:0px;">
    </audio>
    
   <span class="items" style="color:#fff000;position:absolute;top:30px;left:-200px;width:780px;height:42px;z-index: 1600;"><span style="font-family:华文彩云;"><span style="font-size:40px;filter:drop-shadow(#000000 1px 0 0)drop-shadow(#000000 0 1px 0)drop-shadow(#000000 -1px 0 0) drop-shadow(#000000 0 -1px  0);">焱鑫磊博客欢迎你</span></span></span>

<div class="items" id="musickrc"style="position:absolute;LEFT:0px;top:0px;z-index: 2950:">
<span id="musickrc01" style="color:#ff0000;transform: translate(0%,0%);"></span><span id="musickrc02"style="color:#000079;font-size: 0px;transform: translate(0%,0%);"></span>
</div>


<div class="img_border"><img src="http://.jpg" id="aplay"style="width: 100%; height: 100%;z-index: 100;" >

</div></div>

<script>
       function bf() {
            var audio = document.getElementById('audio');
            var bf=document.getElementById("bf");
            if (audio !== null) {
                if (audio.paused) {
                    audio.play(); //audio.play();// 这个就是播放  
                    bf.innerText="暂停";
                } else {
                    audio.pause(); // 这个就是暂停
                    bf.innerText="播放";
                }
            }
        }
    </script>
<style type="text/css">
*{margin:0px;border:0;}select{font-size:100%;}.fr{float:right;}.lr{float:left;}.mt10{max-width:640px;min-width:320px;margin:0px auto;text-align:center;}
.img_border{display:inline-block;width:1000px;height:600px;margin:0px ;position: absolute;top:0px; left:0px;background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/1cdd88f8d2f3bc2fe634b89077465648.jpg);-webkit-mask-image:radial-gradient(black 35% ,transparent 90%);}
.img_border #aplay{display:block;border-radius:0%; position: absolute;top:0px;left:0px;}
.z360z{animation: rotating 30s linear infinite ;}@keyframes rotating{0%{background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/614677ade9ea8e653af869f108f7bbad.jpg);}
              20%{background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/dbf6c876d7932890bf533a8076e407a5.jpg);}
              40%{background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/65af21e2707c9453beaf8772d91e4737.jpg);}
              60%{background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/fcebed4ea29ec418a7df2192e8763b39.jpg);}
              80%{background-size:100% 100%;background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/8a8c176a6c5fe3046160de67ae44be6b.jpg);}
100%{background-size:100% 100%;background-image: url(http://pan.yinhuabbs.cn/view.php/e6398931535c3d0334d6e32bcf9db691.jpg);}

}
#musickrc{width:960px;line-height:40px;margin:520px auto;padding:0px;;position: absolute;margin-left:0px;}
#musickrc span {display:block;text-align:center;font-weight:bold;font-size: 45px; font-family:华文隶书;filter:drop-shadow(#ffffff 1px 0 0)drop-shadow(#ffffff 0 1px 0)drop-shadow(#ffffff -1px 0 0) drop-shadow(#ffffff 0 -1px  0);}

</style>
<style type="text/css">.items  { z-index: 1540;animation: slider 0.26s linear infinite ;}
@keyframes slider {from {opacity: 1;filter:hue-rotate(360deg)contrast(180%)brightness(200%);}
50% {opacity: 1;}to {opacity: 1;filter:hue-rotate(0deg)contrast(140%)brightness(100%);}}
</style>
<script type="text/javascript">var songkrc = "[00:00.00]《最终没能成为你的偏爱》李英\r\n[00:07.54]词：赵志伟  曲：王元华\r\n[00:14.31]LRC歌词制作：焱鑫磊\r\n[00:21.24]我们说着不再温柔的对白\r\n[00:25.68]心里一阵酸楚 已然明白\r\n[00:30.45]分手的话 你还没说出来\r\n[00:35.34]你已逃离我的视线之外\r\n[00:40.41]给我一句安慰也算你慷慨\r\n[00:45.21]任我伤心哭泣 像个小孩\r\n[00:50.01]回忆难忘 心被寂寞掩盖\r\n[00:54.54]我的世界怎能雾散云开\r\n[00:59.40]我最终没能成为你的偏爱\r\n[01:04.08]含泪看着你消失茫茫人海\r\n[01:08.88]为你我已付出了所有\r\n[01:13.65]从此被无尽的伤痛主宰\r\n[01:18.81]我最终没能成为你的偏爱\r\n[01:23.31]不懂上天为何这样的安排\r\n[01:28.11]对你我已产生了依赖\r\n[01:32.91]为何痴心最后沦为伤害\r\n[01:37.62]给我一句安慰也算你慷慨\r\n[02:02.01]任我伤心哭泣 像个小孩\r\n[02:06.81]回忆难忘 心被寂寞掩盖\r\n[02:11.34]我的世界怎能雾散云开\r\n[02:16.38]我最终没能成为你的偏爱\r\n[02:20.88]含泪看着你消失茫茫人海\r\n[02:25.68]为你我已付出了所有\r\n[02:30.45]从此被无尽的伤痛主宰\r\n[02:35.61]我最终没能成为你的偏爱\r\n[02:40.11]不懂上天为何这样的安排\r\n[02:44.91]对你我已产生了依赖\r\n[02:49.71]为何痴心最后沦为伤害\r\n[02:57.21]我最终没能成为你的偏爱\r\n[03:01.68]含泪看着你消失茫茫人海\r\n[03:06.54]为你我已付出了所有\r\n[03:11.28]从此被无尽的伤痛主宰\r\n[03:16.38]我最终没能成为你的偏爱\r\n[03:20.91]不懂上天为何这样的安排\r\n[03:25.71]对你我已产生了依赖\r\n[03:30.48]为何痴心最后沦为伤害\r\n[03:44.00]谢谢欣赏！\r\n[03:58.00]\r\n";function parseLyric(text) { var lines = text.split('\r\n'),pattern = /\[\d{2}:\d{2}.\d{2}\]/g,result = []; while (!pattern.test(lines[0])) {lines = lines.slice(1); }; lines[lines.length - 1].length === 0 && lines.pop(); lines.forEach(function(v,i,a) { var time = v.match(pattern), value = v.replace(pattern,''); time.forEach(function(v1,i1,a1){ var t = v1.slice(1, -1).split(':'); result.push([parseInt(t[0],10) * 60 + parseFloat(t[1]), value]); }); }); result.sort(function(a, b){ return a[0] - b[0];}); return result;}</script>
<script type="text/javascript">
var my_audio =document.getElementById("audio");my_audio.onended = function(){document.getElementById("aplay").className="";};my_audio.onplaying = function(){document.getElementById("aplay").className="z360z";};my_audio.onpause = function(){document.getElementById("aplay").className="";};var lyric = parseLyric(songkrc); my_audio.ontimeupdate = function () { for (var i = 0; i < lyric.length; i++) { if(this.currentTime > lyric[i][0]){ document.getElementById("musickrc01").innerHTML = lyric[i][1]; if(i+1==lyric.length){ document.getElementById("musickrc01").innerHTML = ""; }else{ document.getElementById("musickrc02").innerHTML = lyric[i + 1][1];};};};}; my_audio.play();</script>