864841019 发表于 2016-8-8 08:26

大图同步歌曲音画红尘恋

<TABLE style="LEFT: -303px; WIDTH: 1200px; POSITION: relative; TOP: 10px" cellSpacing=0 cellPadding=0 width=1000align=center border=0>
<TBODY>
<TR> <TD><IMG height=273 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085336m006whh8z5g6a040.gif" width=1200></TD></TR>
<TR> <TD><IMG height=291 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085343rnp5ijjk1kwv58n4.gif" width=1200></TD></TR>
<TR> <TD><IMG height=225 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085345dndd2hbv6vvnrkla.jpg" width=1200></TD></TR>
<TR> <TD><IMG height=411 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085352tk66rt96dhhyz669.gif" width=1200></TD></TR>
<TR> <TD><IMG height=360 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085355atg4abrlyy448cbc.jpg" width=1200></TD></TR>   
<TR> <TD><IMG height=543 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085401bvvwopnaaevvcemg.gif" width=1200></TD></TR>
<TR> <TD><IMG height=384 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085404rhnhxk33bhozgqlu.jpg" width=1200></TD></TR>
<TR> <TD><IMG height=609 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085409posmoxh9kx965hss.jpg" width=1200></TD></TR>
<TR> <TD><IMG height=447 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085413ayyamlamkaybymlk.gif" width=1200></TD></TR>
<TR> <TD><IMG height=471 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085417ur3xxwbr30r2izix.jpg" width=1200></TD></TR>
<TR> <TD><IMG height=477 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085422n906uxzhn6b38fjj.jpg" width=1200></TD></TR>
<TR> <TD><IMG height=411 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085426tepaa8pqq88e88a4.jpg" width=1200></TD></TR>
<TR> <TD><IMG height=294 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085434a9tci4tvgclg4lcc.gif" width=1200></TD></TR>
<TR> <TD><IMG height=336 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085440wz0gllg1202v2dp6.jpg" width=1200></TD></TR>
<TR> <TD><IMG height=375 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085450nspgjxocozlol4wj.jpg" width=1200></TD></TR>
<TR> <TD><IMG height=441 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085500cuym8pvyeb0u8pmp.gif" width=1200></TD></TR>
<TR> <TD><IMG height=300 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085502lwxrrkttwu7p7k7t.jpg" width=1200></TD></TR>
<TR> <TD><IMG height=249 src="http://www.yinhuabbs.cn/data/attachment/album/201510/20/085514esstp98lodskllfw.gif" width=1200></TD></TR>   
<TR>
</TBODY></TABLE> </div>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br>

<html>
<head>


<STYLE type=text/css>
TD { FONT-SIZE: 9pt; LINE-HEIGHT: 20px; }
BODY{
FONT-SIZE: 9pt;
LINE-HEIGHT: 10px;
}
#lrcollbox td, #lrcollbox font {font-family: arial; font-size: 15px;}
#lrcoll td { color:#0040a0; cursor: default; }
#lrcbox { color:#212021 }
#lrcfilter { filter: alpha(opacity=0) }
#lrcbc { color:#FF0000 }
</STYLE>
</head>
<script language="JavaScript">
self.moveTo(0,0);
self.resizeTo(screen.availWidth,screen.availHeight);
</script>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<span id="lrcdata"><!--




梅昌先制作QQ:864841019
挥不去的红尘眷恋
数不尽的过往云烟
只见秋风中落叶飘零
却忘了人儿消瘦
挥不去的万缕情牵
诉不尽的山盟誓言
随着柳絮飞缠绕心田
只落得相思连连
年复一年 月圆又缺
总不见你的笑颜
眼看花又开
眼看花又谢
流逝的岁月走远
总是一年转眼又一年
总是一天盼望又一天
总是一声声默默呼唤
盼望着梦里再见面
挥不去的万缕情牵
数不尽的山盟誓言
随着柳絮飞缠绕心田
只落得相思连连
年复一年 月圆又缺
总不见你的笑颜
眼看花又开
眼看花又谢
流逝的岁月走远
总是一年容易又一年
总是一天盼望又一天
总是一声声梦里呼唤
祈求着再次见面
</span>
<center>
<object classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" id="aboutplayer" width="1" height="1">
<param name="url" value="http://link.hhtjim.com/163/312856.mp3">
<param name="volume" value="100">
<param name="enablecontextmenu" value="0">
<param name="enableerrordialogs" value="0">
</object>
<div id="lrcollbox" style="overflow:hidden; height:300; width:300; background-color:#adef8c;">
<table border="0" cellspacing="0" cellpadding="0" width="100%" id="lrcoll" style="position:relative; top: -15px;" oncontextmenu="return false;">


<tr><td nowrap height="20" align="center" id="lrcwt1"></td></tr>
<tr><td nowrap height="20" align="center" id="lrcwt2"></td></tr>
<tr><td nowrap height="20" align="center" id="lrcwt3"></td></tr>
<tr><td nowrap height="20" align="center" id="lrcwt4"></td></tr>
<tr><td nowrap height="20" align="center" id="lrcwt5"></td></tr>
<tr><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="16"><span id="lrcwt6" style="height:16"></span></td></tr>
<tr style="position:relative; top: -20px; z-index:6"><td nowrap height="16"><div id="lrcfilter" style="overflow:hidden; width:100%; color:#0040a0; height:16"></div></td></tr>
</table>
</td></tr>
<tr style="position:relative; top: -15px"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="16"><span id="lrcbox" style="height:16"></span></td></tr>
<tr style="position:relative; top: -20px; z-index:6;"><td nowrap height="16"><div id="lrcbc" style="overflow:hidden; height:16; width:0;"></div></td></tr>
</table>
</td></tr>
<tr style="position:relative; top: -20px;"><td nowrap height="20" align="center" id="lrcwt7"></td></tr>
<tr style="position:relative; top: -20px;"><td nowrap height="20" align="center" id="lrcwt8"></td></tr>
<tr style="position:relative; top: -20px;"><td nowrap height="20" align="center" id="lrcwt9"></td></tr>
<tr style="position:relative; top: -20px;"><td nowrap height="20" align="center" id="lrcwt10"></td></tr>
</table>
</div>
</center>
<script language="JavaScript">
var lrc0;
var lrc1;
var min;
lrcobj = new lrcClass(lrcdata.innerHTML.slice(4,-3));


function lrcClass(tt)
{
this.inr = [];
this.min = [];


this.oTime = 0;


this.dts = -1;
this.dte = -1;
this.dlt = -1;
this.ddh;
this.fjh;


lrcbc.style.width = 0;

tt = tt.replace(/\[\:\][^$\n]*(\n|$)/g,"$1");
tt = tt.replace(/\[[^\[\]\:]*\]/g,"");
tt = tt.replace(/\[[^\[\]]*[^\[\]\d]+[^\[\]]*\:[^\[\]]*\]/g,"");
tt = tt.replace(/\[[^\[\]]*\:[^\[\]]*[^\[\]\d\.]+[^\[\]]*\]/g,"");
tt = tt.replace(/<[^<>]*[^<>\d]+[^<>]*\:[^<>]*>/g,"");
tt = tt.replace(/<[^<>]*\:[^<>]*[^<>\d\.]+[^<>]*>/g,"");


while(/\[[^\[\]]+\:[^\[\]]+\]/.test(tt))
{
    tt = tt.replace(/((\[[^\[\]]+\:[^\[\]]+\])+[^\[\r\n]*)[^\[]*/,"\n");
    var zzzt = RegExp.$1;
    /^(.+\])([^\]]*)$/.exec(zzzt);
    var ltxt = RegExp.$2;
    var eft = RegExp.$1.slice(1,-1).split("][");
    for(var ii=0; ii<eft.length; ii++)
    {
      var sf = eft.split(":");
      var tse = parseInt(sf,10) * 60 + parseFloat(sf);
      var sso = { t:[] , w:[] , n:ltxt }
      sso.t = tse-this.oTime;
      this.inr = sso;
    }
}
this.inr = this.inr.sort( function(a,b){return a.t-b.t;} );


for(var ii=0; ii<this.inr.length; ii++)
{
    while(/<[^<>]+\:[^<>]+>/.test(this.inr.n))
    {
      this.inr.n = this.inr.n.replace(/<(\d+)\:([\d\.]+)>/,"%=%");
      var tse = parseInt(RegExp.$1,10) * 60 + parseFloat(RegExp.$2);
      this.inr.t.t.length] = tse-this.oTime;
    }
    lrcbc.innerHTML = "<font>"+ this.inr.n.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/%=%/g,"</font><font>") +"</font>";
    var fall = lrcbc.getElementsByTagName("font");
    for(var wi=0; wi<fall.length; wi++)
      this.inr.w.w.length] = fall.offsetWidth;
    this.inr.n = lrcbc.innerText;
}


for(var ii=0; ii<this.inr.length-1; ii++)
    this.min = Math.floor((this.inr.t-this.inr.t)*10);
this.min.sort(function(a,b){return a-b});
min = this.min/2;


this.run = function(tme)
{
    if(tme<this.dts || tme>=this.dte)
    {
      var ii;
      for(ii=this.inr.length-1; ii>=0 && this.inr.t>tme; ii--){}
      if(ii<0) return;
      this.ddh = this.inr.t;
      this.fjh = this.inr.w;
      this.dts = this.inr.t;
      this.dte = (ii<this.inr.length-1)?this.inr.t:aboutplayer.currentMedia.duration;

      lrcwt1.innerText = this.retxt(ii-6);
      lrcwt2.innerText = this.retxt(ii-5);
      lrcwt3.innerText = this.retxt(ii-4);
      lrcwt4.innerText = this.retxt(ii-3);
      lrcwt5.innerText = this.retxt(ii-2);
      lrcwt6.innerText = this.retxt(ii-1);
      lrcfilter.innerText = this.retxt(ii-1);
      lrcwt7.innerText = this.retxt(ii+1);
      lrcwt8.innerText = this.retxt(ii+2);
      lrcwt9.innerText = this.retxt(ii+3);
      lrcwt10.innerText = this.retxt(ii+4);
      
      this.print(this.retxt(ii));
      if(this.dlt==ii-1)
      {
      clearTimeout(lrc0);
      if(lrcoll.style.pixelTop!=0) lrcoll.style.top = 0;
      golrcoll(0);
      clearTimeout(lrc1);
      lrcfilter.filters.alpha.opacity = 100;
      golrcolor(0);
      }
      else if(parseInt(lrcoll.style.top)!=-20)
      {
      clearTimeout(lrc0);
      lrcoll.style.top = -20;
      clearTimeout(lrc1);
      lrcfilter.filters.alpha.opacity = 0;
      }
      this.dlt = ii;
    }
    var bbw = 0;
    var ki;
    for(ki=0; ki<this.ddh.length && this.ddh<=tme; ki++)
      bbw += this.fjh;
    var kt = ki-1;
    var sc = ((ki<this.ddh.length)?this.ddh:this.dte) - this.ddh;
    var tc = tme - this.ddh;
    bbw -= this.fjh - tc / sc * this.fjh;
    if(bbw>lrcbox.offsetWidth)
      bbw = lrcbox.offsetWidth;
    lrcbc.style.width = Math.round(bbw);
}


this.retxt = function(i)
{
    return (i<0 || i>=this.inr.length)?"":this.inr.n;
}


this.print = function(txt)
{
    lrcbox.innerText = txt;
    lrcbc.innerText = txt;
}


this.print("同步歌词播放器");
var a=new Array("lrcwt1","lrcwt2","lrcwt3","lrcwt4","lrcwt5","lrcwt6","lrcwt7","lrcwt8","lrcwt9","lrcwt10","lrcwt11")
for(var b=0;b<11;b++)a.innerText = "";
}


function lrcrun()
{
with(aboutplayer)
{
    lrcobj.run(controls.currentPosition);
}
if(arguments.length==0) setTimeout("lrcrun()",10);
}


function golrcoll(s)
{
lrcoll.style.top = -(s++)*2;
if(s<=9)
    lrc0 = setTimeout("golrcoll("+s+")",min*10);
}


function golrcolor(t)
{
lrcfilter.filters.alpha.opacity = 110-(t++)*10;
if(t<=10)
    lrc1 = setTimeout("golrcolor("+t+")",min*10);
}
window.onerror = function()
{return true;}
lrcrun();
</script>
</body></html>

</IFRAME></DIV></TR><DIV><BR><BR><BR><BR><BR>

沧海笑a 发表于 2016-8-8 14:22

沧海笑a 发表于 2016-8-8 14:22

沧海笑a 发表于 2016-8-8 14:22

幽园馨兰 发表于 2016-9-3 18:02

问好,欣赏佳作,漂亮的图图

幽园馨兰 发表于 2016-9-3 18:02

问好,欣赏佳作,漂亮的图图
页: [1]
查看完整版本: 大图同步歌曲音画红尘恋