|
将下列代码复制、粘贴到记事本（开始--程序--附件--记事本），然后，单击记事本左上角的"文件"，单击--另存为，"文件名"栏目输入 睡莲.html ,单击--保存。再在"我的文档"中找到 睡莲.html 文件，双击"e"字图标打开,看看效果，美吧，一次不成，再打开一次，一定成功！
……………………………………………………………………………………………………………
<br><br><br><br><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- saved from url=(0030)http:///tom/qt3.htm -->
<P align=center><img title=音画代码编辑：月夜赏星 alt=音画代码编辑：月夜赏星 onload="var image=new Image();image.src=this.src;if(image.width>0 && image.height>0){if(image.width>=400){this.width=400;this.height=image.height*400/image.width;}}" style="BORDER-RIGHT: #987cb9 5px dashed; BORDER-TOP: #987cb9 5px dashed; BORDER-LEFT: #987cb9 5px dashed; BORDER-BOTTOM: #987cb9 5px dashed" src="http://b40.photo.store.qq.com/http_imgload.cgi?/rurl4_b=b68f00f93a9caef1b8227b87f9ab7d537301431aacfbe94a50da5092e5dceb976c865f01ed605b4ab007f1146665f48cb06d5aa21f0ad2f412d372dc580a949f2311da32da1d0738ce8cdac58482fae699605c8a&a=34&b=40" width=400>
<tr><td><DIV style="MARGIN-TOP: -395px; MARGIN-LEFT: 300px">
<EMBED height=350 type=application!/x- width=400 src= http://images./attachments/day_091019/20091019_52a98d8c5e29d1d937af0fc9mBM8KxkU.swf
WMODE="transparent" ALLOWNETWORKING="internal"></EMBED></div>
<DIV align=center>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=Pcontent><span id="ob_logd25151"></span> <!-- saved from url=(0030)http:///tom/qt3.htm -->
<STYLE type=text/css>
TD {
FONT-SIZE: 9pt; LINE-HEIGHT: 17px
}
BODY { FONT-SIZE: 9pt;
MARGIN: 0px;
LINE-HEIGHT: 17px;
background-color: #ffffff;
}
#lrcollbox TD
{
FONT-SIZE: 20px; LINE-HEIGHT: 25px; FONT-FAMILY: 黑体
}
#lrcollbox FONT {
FONT-SIZE: 20px; LINE-HEIGHT: 25px; FONT-FAMILY: 黑体
}
#lrcoll TD {
CURSOR: default; COLOR: #00c6ff
}
#lrcbox {
COLOR: ##cc9966}
#lrcfilter {
FILTER: alpha(opacity=10)
}
#lrcbc {
COLOR: #ff0000
}
</STYLE><tr><td>
<META content="MSHTML 6.00.2900.5512" name=GENERATOR><SPAN id=lrcdata><!--
[offset:500]
[00:00.09]睡莲
[00:05.00]演唱：黄莺莺
[00:11.00]词:葽以功 曲:李达涛
[00:17.00]同步歌词制作：月夜赏星
[02:12.58][00:22.75]你是朵盈洁的睡莲
[02:23.38][00:33.94]漂浮在青春的水面
[02:34.27][00:45.36]我是如此 如此的羞见
[02:44.45][00:56.25]羞见你醉人的笑颜
[01:07.03]你是瓣上露珠点点
[01:18.02]闪烁着爱情的诗篇
[01:29.16]我是如此 如此的羞见
[01:40.00]羞见你滑落绿波间
[01:50.01]●●●●●
[02:57.45]谢谢欣赏
--></SPAN></td></tr>
<DIV >
<TABLE height=20 cellSpacing=0 cellPadding=0 width=565
background=0 border=0>
<TBODY>
<TR>
<TD>
<DIV id=Layer2 style="Z-INDEX: 2; POSITION: absolute; TOP: -92px;"><SPAN 说明：上行top改变上下；下行height改变显示歌词范围>
<DIV id=lrcollbox style="LEFT: 0px; OVERFLOW: hidden; WIDTH: 500px; HEIGHT: 150px">
<TABLE oncontextmenu="return false;" id=lrcoll style="LEFT: 30px; POSITION: relative; TOP: 0px" cellSpacing=0 cellPadding=0 width="80%" align=center border=0>
<TBODY>
<TR>
<TD id=lrcwt1 noWrap align=middle height=40></TD></TR>
<TR>
<TD id=lrcwt2 noWrap align=middle height=40></TD></TR>
<TR>
<TD noWrap align=middle height=20>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD noWrap height=40><SPAN id=lrcwt3 style="HEIGHT: 40px"></SPAN></TD></TR>
<TR style="POSITION: relative; TOP: -40px">
<TD noWrap height=40>
<DIV id=lrcfilter style="OVERFLOW: hidden; WIDTH: 100%; COLOR: #ff0000; HEIGHT: 40px"></DIV></TD></TR></TBODY></TABLE></TD></TR>
<TR style="POSITION: relative; TOP: -40px">
<TD noWrap align=middle height=40>
<TABLE cellSpacing=0 cellPadding=0 border=0>
<TBODY>
<TR>
<TD noWrap height=30><SPAN id=lrcbox style="HEIGHT: 40px"></SPAN></TD></TR>
<TR style="POSITION: relative; TOP: -40px">
<TD noWrap height=40>
<DIV id=lrcbc style="OVERFLOW: hidden; WIDTH: 0px; HEIGHT: 40px"></DIV></TD></TR>
<DIV></DIV></TBODY></TABLE></TD></TR>
<TR style="POSITION: relative; TOP: -90px">
<TD id=lrcwt4 noWrap align=middle height=40></TD></TR></TBODY></TABLE></DIV>
<DIV></DIV></SPAN>
<DIV></DIV></TD></TR></TBODY></TABLE>
<P></P></TD></TR></TBODY></TABLE>
<object style="POSITION: relative; FILTER: Xray" TOP: 600px; left: -0px;" id=aboutplayer height=2 width=2 classid=clsid:6bf52a52-394a-11d3-b153-00c04f79faa6>
<param name="url" value="http://music./d79/C7/52/m_c7tk787cd0b3_128.mp3">
<param name="autostart" value="ture">
<param name="volume" value="100">
<param name="enablecontextmenu" value="0">
<param name="enableerrordialogs" value="0">
<param name="playCount" value="5">
</object>
<P></P>
<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;
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(/((\[[^\[\]]+\:[^\[\]]+\])+[^\[\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[ii].split(":");
var tse = parseInt(sf[0],10) * 60 + parseFloat(sf[1]);
var sso = { t:[] , w:[] , n:ltxt }
sso.t[0] = tse-this.oTime;
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] = tse-this.oTime;
}
lrcbc.innerHTML = "<font>"+ this.inr[ii].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[ii].w[this.inr[ii].w.length] = fall[wi].offsetWidth;
this.inr[ii].n = lrcbc.innerText;
}
for(var ii=0; ii<this.inr.length-1; ii++)
this.min[ii] = Math.floor((this.inr[ii+1].t[0]-this.inr[ii].t[0])*10);
this.min.sort(function(a,b){return a-b});
min = this.min[0]/2;
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;
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[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>lrcbox.offsetWidth)
bbw = lrcbox.offsetWidth;
lrcbc.style.width = Math.round(bbw);
}
this.retxt = function(i)
{
return (i<0 || i>=this.inr.length)?"":this.inr[i].n;
}
this.print = function(txt)
{
lrcbox.innerText = txt;
lrcbc.innerText = txt;
}
}
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>
|
