歌词与声音同步代码
<div align="center">
<STYLE>
TD { FONT-SIZE: 9pt; LINE-HEIGHT: 20px; }
BODY{
FONT-SIZE: 9pt;
LINE-HEIGHT: 20px;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
}
#lrcollbox td, #lrcollbox font {font-family: 黑体; font-size: 16px;}
#lrcoll td { color:#0080C0; }
.lrcbc { color:#FFFF33; overflow:hidden; height:20; width:0; filter:alpha(opacity=100); }
A:visited { TEXT-DECORATION: none; color: #000000; }
A:active { COLOR: #000000; TEXT-DECORATION: none; }
A:link { TEXT-DECORATION:none; Color:#000000 }
#idDownload {behavior:url(#default#download);}
A:hover{ TEXT-DECORATION: underline; Color:#74ACDC }
</STYLE>
<script language="JavaScript" src="headr.js"></script>
<object classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" id="aboutplayer" width="480" height="60">
<param name="url" value=".net教程.cn/sanguo/wenyi/yingshi/yanyi/gequ/zheyibai.mp3">http://xf.hb.vnet.cn/sanguo/wenyi/yingshi/yanyi/gequ/zheyibai.mp3">
<param name="volume" value="100">
<param name="enablecontextmenu" value="0">
<param name="enableerrordialogs" value="0">
</object>
<div id="lrcollbox" style="overflow:hidden; height:260; width:480; background-color:#000000; cursor:hand;">
<table border="0" cellspacing="0" cellpadding="0" width="480" id="lrcoll" style="position:relative; top:120px;">
<tr><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox1" style="height:20; color:#00FF00">歌词加载中</span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc1" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-20px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox2" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc2" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-40px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox3" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc3" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-60px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox4" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc4" class="lrcbc"></div></td>
</tr>
</table>
</td>
</tr>
<tr style="position:relative; top:-80px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox5" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc5" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-100px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox6" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc6" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-120px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox7" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc7" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-140px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox8" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc8" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-160px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox9" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc9" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-180px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox10" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc10" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-200px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox11" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc11" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-220px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox12" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc12" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-240px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox13" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc13" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-260px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox14" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc14" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-280px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox15" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc15" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-300px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox16" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc16" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-320px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox17" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc17" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-340px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox18" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc18" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-360px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox19" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc19" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-380px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox20" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc20" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-400px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox21" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc21" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-420px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox22" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc22" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-440px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox23" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc23" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-460px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox24" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc24" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-480px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox25" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc25" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-500px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox26" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc26" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-520px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox27" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc27" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-540px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox28" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc28" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-560px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox29" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc29" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-580px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox30" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc30" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-600px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox31" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc31" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-620px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox32" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc32" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-640px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox33" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc33" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-660px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox34" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc34" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-680px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox35" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc35" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-700px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox36" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc36" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-720px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox37" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc37" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-740px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox38" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc38" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-760px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox39" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc39" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-780px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox40" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc40" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-800px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox41" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc41" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-820px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox42" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc42" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-840px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox43" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc43" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-860px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox44" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc44" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-880px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox45" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc45" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-900px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox46" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc46" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-920px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox47" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc47" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-940px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox48" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc48" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-960px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox49" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc49" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-980px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox50" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc50" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1000px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox51" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc51" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1020px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox52" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc52" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1040px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox53" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc53" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1060px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox54" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc54" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1080px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox55" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc55" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1100px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox56" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc56" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1120px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox57" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc57" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1140px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox58" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc58" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1160px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox59" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc59" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1180px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox60" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc60" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1200px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox61" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc61" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1220px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox62" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc62" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1240px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox63" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc63" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1260px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox64" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc64" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1280px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox65" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc65" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1300px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox66" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc66" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1320px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox67" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc67" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1340px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox68" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc68" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1360px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox69" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc69" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
<tr style="position:relative; top:-1380px;"><td nowrap height="20" align="center">
<table border="0" cellspacing="0" cellpadding="0">
<tr><td nowrap height="20"><span id="lrcbox70" style="height:20"></span></td></tr>
<tr style="position:relative; top:-20px; z-index:6;">
<td nowrap height="20"><div id="lrcbc70" class="lrcbc"></div></td>
</tr>
</table>
</td></tr>
</table>
</div>
</center>
<download id="idDownload">
<script language="JavaScript" src="lrcwmove.js"></script>
<script language="JavaScript">
try {idDownload.startDownload("200763315301708.txt",lrcrun);} catch(hh){}
</script>
</TBODY>
</TABLE>
</BODY>
</HTML>
lrcwmove.js
var lrc0, lrc1, lrc2;
moveflag = false;
var top, bottom;
var lrcobj;
var lrctop;
predlt = 0;
curdlt = 0;
function lrcClass(tt)
{
this.inr = [];
this.oTime = 0;
this.dts = -1;
this.dte = -1;
this.dlt = -1;
this.ddh;
this.fjh;
if(/[offset:(-?d+)]/i.test(tt))
this.oTime = RegExp.$1/1000;
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(/(([[^[]]+:[^[]]+])+[^[rn]*)[^[]*/,"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[ii].split(":");
var tse = parseInt(sf[0],10) * 60 + parseFloat(sf[1]);
var sso = { t:[] , w:[] , n:ltxt }
sso.t[0] = Math.round((tse-this.oTime)*1000)/1000;
this.inr[this.inr.length] = sso;
}
}
this.inr = this.inr.sort( function(a,b){return a.t[0]-b.t[0];} );
for(var ii=0; ii<this.inr.length; ii++)
{
while(/<[^<>]+:[^<>]+>/.test(this.inr[ii].n))
{
this.inr[ii].n = this.inr[ii].n.replace(/<(d+):([d.]+)>/,"%=%");
var tse = parseInt(RegExp.$1,10) * 60 + parseFloat(RegExp.$2);
this.inr[ii].t[this.inr[ii].t.length] = Math.round((tse-this.oTime)*1000)/1000;
}
lrcbc1.innerHTML = "<font>"+ this.inr[ii].n.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">").replace(/%=%/g,"</font><font>") +" </font>";
var fall = lrcbc1.getElementsByTagName("font");
for(var wi=0; wi<fall.length; wi++)
this.inr[ii].w[this.inr[ii].w.length] = fall[wi].offsetWidth;
this.inr[ii].n = lrcbc1.innerText;
}
this.overtop = function()
{
var ii;
for(ii=this.inr.length-1; ii>0 && this.inr[ii].t[0]>ffbb; ii--){}
top = ii;
}
this.run = function(tme)
{
if(tme<this.dts || tme>=this.dte)
{
var ii;
for(ii=this.inr.length-1; ii>=0 && this.inr[ii].t[0]>tme; ii--){}
if(ii<0) return;
this.ddh = this.inr[ii].t;
this.fjh = this.inr[ii].w;
this.dts = this.inr[ii].t[0];
this.dte = (ii<this.inr.length-1)?this.inr[ii+1].t[0]:aboutplayer.currentMedia.duration;
if(!movable)
{
lrctop = 140;
lrcoll.style.pixelTop = 140;
lowlight(lrcbox1);
this.overtop();
overbottom();
for(var wi=1; wi<=this.inr.length; wi++)
{
eval("lrcbox"+wi).innerText = this.inr[wi-1].n;
eval("lrcbc"+wi).innerText = this.inr[wi-1].n;
}
movable = true;
}
if(this.dlt>0) lowcolor(eval("lrcbc"+this.dlt));
clearTimeout(lrc2);
if(this.dlt==ii-1)
{
predlt = this.dlt+1;
if(!ptms && predlt>0)
{
eval("lrcbc"+predlt).filters.alpha.opacity = 100;
eval("lrcbc"+predlt).style.width = "100%";
highcolor(0,this.dte-this.dts);
}
toposition(1,this.dte-this.dts);
}
if(ii-this.dlt>1 || ii-this.dlt<=-1)
{
if(this.dlt>=0) lowcolor(eval("lrcbc"+(this.dlt+1)));
if(this.dlt==-1 || ii==0)
{
jumpto(ii-this.dlt-1);
toposition(1,this.dte-this.dts);
}
else
jumpto(ii-this.dlt);
}
if(this.dlt>=0) lowlight(eval("lrcbox"+(this.dlt+1)));
this.dlt = ii;
curdlt = ii;
if(!drdc) highlight(eval("lrcbox"+(this.dlt+1)));
if(drdc)
{
curlowcolor(eval("lrcbc"+(this.dlt+1)));
curhighcolor(0,this.dte-this.dts);
}
}
if(klok)
{
var bbw = 0;
var ki;
for(ki=0; ki<this.ddh.length && this.ddh[ki]<=tme; ki++)
bbw += this.fjh[ki];
var kt = ki-1;
var sc = ((ki<this.ddh.length)?this.ddh[ki]:this.dte) - this.ddh[kt];
var tc = tme - this.ddh[kt];
bbw -= this.fjh[kt] - tc / sc * this.fjh[kt];
if(bbw>eval("lrcbox"+(this.dlt+1)).offsetWidth)
bbw = eval("lrcbox"+(this.dlt+1)).offsetWidth;
eval("lrcbc"+(this.dlt+1)).style.width = Math.round(bbw);
}
}
lrcbox1.innerText = "www.qq5500.cn";
}
function overbottom()
{
if(aboutplayer.currentMedia.duration>0)
{
var ii;
for(ii=lrcobj.inr.length-1; ii>0 && lrcobj.inr[ii].t[0]-ffbb>=aboutplayer.currentMedia.duration; ii--){}
bottom = ii;
}
else
setTimeout("overbottom()",10);
}
function jumpto(nline)
{
lrctop -= 20*nline;
lrcoll.style.top = lrctop;
}
function toposition(step,dur)
{
if(moveflag) return;
lrcoll.style.top = lrctop--;
if(step<20)
{
step++;
setTimeout("toposition("+step+","+dur+");",dur*50);
}
}
function highcolor(step,dur)
{
if(moveflag) return;
eval("lrcbc"+predlt).filters.alpha.opacity = 100-(step++)*10;
if(step<10)
lrc1 = setTimeout("highcolor("+step+","+dur+");",dur*100);
}
function curhighcolor(step,dur)
{
if(moveflag) return;
eval("lrcbc"+(curdlt+1)).filters.alpha.opacity = (step++)*10;
if(step<10)
lrc2 = setTimeout("curhighcolor("+step+","+dur+");",dur*100);
}
function highlight(lid)
{
lid.style.color = "#00FF00";
}
function lowcolor(lid)
{
clearTimeout(lrc1);
lid.style.width = 0;
lid.filters.alpha.opacity = 100;
}
function curlowcolor(lid)
{
lid.filters.alpha.opacity = 0;
lid.style.width = "100%";
}
function lowlight(lid)
{
lid.style.color = "#0080C0";
}
function lrcrun(m)
{
lrcobj = new lrcClass(m);
lrc0 = setInterval("try {lrcobj.run(aboutplayer.controls.currentPosition+ffbb)} catch(hh){}",10);
}
MakeMovable(lrcollbox);
function MakeMovable(element)
{
element.attachEvent("onmousedown",onmousedown);
element.attachEvent("onmouseup",onmouseup);
element.attachEvent("onmousemove",onmousemove);
flagmove = false;
var s_y, o_y;
curpot = 0;
function onmousedown()
{
if(event.button!=1 || moveflag || !movable || !type || bottom==0) {flagmove = true; return;}
clearTimeout(lrc0);
if(curdlt>0) lowcolor(eval("lrcbc"+curdlt));
lowcolor(eval("lrcbc"+(curdlt+1)));
lowlight(eval("lrcbox"+(curdlt+1)));
if(lrcoll.style.pixelTop>120-top*20) lrcoll.style.top = 120-top*20;
if(lrcoll.style.pixelTop<120-bottom*20) lrcoll.style.top = 120-bottom*20;
s_y = event.clientY;
o_y = lrcoll.style.pixelTop;
element.style.cursor = "n-resize";
element.setCapture();
moveflag = true;
}
function onmousemove()
{
if(event.button!=1 || !moveflag || flagmove) return;
var offy = event.clientY-s_y;
if(o_y+offy<=120-top*20 && o_y+offy>=120-bottom*20) lrcoll.style.top = o_y+offy;
if(o_y+offy>120-top*20) lrcoll.style.top = 120-top*20;
if(o_y+offy<120-bottom*20) lrcoll.style.top = 120-bottom*20;
var pot = Math.floor((lrcoll.style.pixelTop-120)/-20);
if(pot!=curpot)
{
lowlight(eval("lrcbox"+(curpot+1)));
curpot = pot;
highlight(eval("lrcbox"+(curpot+1)));
}
}
function onmouseup()
{
if(!moveflag || flagmove) {flagmove = false; return;}
if(aboutplayer.playState==3)
{
if(lrcoll.style.pixelTop<=120-top*20 && lrcoll.style.pixelTop>100-top*20)
lrcobj.dte = -1;
else
lrcobj.dte = lrcobj.inr[Math.floor((lrcoll.style.pixelTop-120)/-20)-1].t[0];
if(lrcobj.inr[Math.floor((lrcoll.style.pixelTop-120)/-20)].t[0]-ffbb<0)
aboutplayer.controls.currentPosition = 0;
else
aboutplayer.controls.currentPosition = lrcobj.inr[Math.floor((lrcoll.style.pixelTop-120)/-20)].t[0]-ffbb;
lrcobj.dlt = Math.floor((lrcoll.style.pixelTop-120)/-20);
lrctop = lrcoll.style.pixelTop;
}
else
{
lowlight(eval("lrcbox"+(curpot+1)));
highlight(eval("lrcbox"+(curdlt+1)));
lrcoll.style.top = o_y;
}
lrc0 = setInterval("try {lrcobj.run(aboutplayer.controls.currentPosition+ffbb)} catch(hh){}",10);
element.releaseCapture();
element.style.cursor = "hand";
moveflag = false;
}
}
js文件
movable = false;
drdc = false;
ptms = false;
klok = true;
ffbb = 0;
function offset(s)
{
if(s==0)
ffbb = 0;
else
ffbb += s*0.5;
if(movable && type) {lrcobj.overtop(); overbottom();}
}
function loadfile()
{
file.click();
if(file.value=="" || file.value==uu) return;
uu = file.value;
url.value = uu;
aboutplayer.setSource(uu);
aboutplayer.DoPlay();
}
function mode(item)
{
if(item=="1") {ptms = true; drdc = false; klok = false;}
if(item=="2") {ptms = false; drdc = true; klok = false;}
if(item=="3") {ptms = false; drdc = false; klok = true;}
}
txt 文件
[ti:这一拜]
[ar:刘欢]
[al:]
[by:www.re5.cn]
[00:00.00]歌手：刘欢
[00:00.00]歌名：这一拜
http://www.111cn.net 冷觉DJ吧