歌词移动

无忌未来 发表于 2009-11-8 18:02

<DIV style="LEFT: -250px; WIDTH: 980px; POSITION: relative; TOP: 140px"><IFRAME marginWidth=0 marginHeight=0 src="http://www.mjbox.com/r/hz/hzyh66/MP3/666.txt" frameBorder=0 width=1000 scrolling=no height=420></IFRAME></DIV> 

[ 本帖最后由无忌未来于 2009-11-8 18:08 编辑 ]

无忌未来 发表于 2009-11-8 18:06

我就是想问下怎么样才可以把歌词显示的行数少一点，就是说能显示个三四排歌词就够了，请教高手了。。。先谢

无忌未来 发表于 2009-11-8 18:07

<html> <head> <title>女人如烟</title> <STYLE> TD { FONT-SIZE: 8pt; LINE-HEIGHT: 14px; } BODY{ FONT-SIZE: 9pt; LINE-HEIGHT: 16px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } #lrcollbox td, #lrcollbox font {font-family: 微软雅黑; font-size: 14px;} #lrcoll td { color:#000000; cursor: default; } #lrcbox { color:#006000 } #lrcfilter { filter: alpha(opacity=0) } #lrcbc { color:#FF0000 } </STYLE> </head> <img src=\"<A href=\"http://bbs.yhlove.com/attachments/month_0910/20091018_2dffdee04c63131b5759YpejbZ58uocs.jpg\">http://bbs.yhlove.com/attachments/month_0910/20091018_2dffdee04c63131b5759YpejbZ58uocs.jpg</A>\">
<div style=\"position: absolute; z-index: 1; left:30px; top:170px\" id=\"layer1\"> <body leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">  <center> <OBJECT id=aboutplayer height=0 width=0 classid=clsid:6bf52a52-394a-11d3-b153-00c04f79faa6><PARAM NAME=\"url\" VALUE=\"<A href=\"http://www.mjbox.com/r/hz/hzyh66/MP3/\">http://www.mjbox.com/r/hz/hzyh66/MP3/</A>女人如烟魏佳艺.mp3\"><PARAM NAME=\"autostart\" VALUE=\"5\"><PARAM NAME=\"volume\" VALUE=\"100\"><PARAM NAME=\"enablecontextmenu\" VALUE=\"0\"><PARAM NAME=\"enableerrordialogs\" VALUE=\"0\"><param NAME=\"PlayCount\" VALUE=\"100\"></OBJECT> </CENTER> <div id=\"lrcollbox\" style=\"overflow:hidden; height:250; width:350;\" > <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" id=\"lrcoll\" style=\"position:relative; top: -20px;\" 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\" id=\"lrcwt6\"></td></tr> <tr><td nowrap height=\"20\" align=\"center\" id=\"lrcwt7\"></td></tr> <tr><td nowrap height=\"20\" align=\"center\" id=\"lrcwt8\"></td></tr> <tr><td nowrap height=\"20\" align=\"center\" id=\"lrcwt9\"></td></tr> <tr><td nowrap height=\"20\" align=\"center\" id=\"lrcwt10\"></td></tr> <tr><td nowrap height=\"20\" align=\"center\" id=\"lrcwt11\"></td></tr> <tr><td nowrap height=\"20\" align=\"center\"> <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\"> <tr><td nowrap height=\"20\"></td></tr> <tr style=\"position:relative; top: -20px; z-index:6\"><td nowrap height=\"20\"><div id=\"lrcfilter\" style=\"overflow:hidden; width:100%; color:#FFFF33; height:20\"></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\">歌词加载中</td></tr> <tr style=\"position:relative; top: -20px; z-index:6;\"><td nowrap height=\"20\"><div id=\"lrcbc\" style=\"overflow:hidden; height:20; width:0;\"></div></td></tr> </table> </td></tr> <tr style=\"position:relative; top: -40px;\"><td nowrap height=\"20\" align=\"center\" id=\"lrcwt13\"></td></tr> <tr style=\"position:relative; top: -40px;\"><td nowrap height=\"20\" align=\"center\" id=\"lrcwt14\"></td></tr> <tr style=\"position:relative; top: -40px;\"><td nowrap height=\"20\" align=\"center\" id=\"lrcwt15\"></td></tr> <tr style=\"position:relative; top: -40px;\"><td nowrap height=\"20\" align=\"center\" id=\"lrcwt16\"></td></tr> <tr style=\"position:relative; top: -40px;\"><td nowrap height=\"20\" align=\"center\" id=\"lrcwt17\"></td></tr> <tr style=\"position:relative; top: -40px;\"><td nowrap height=\"20\" align=\"center\" id=\"lrcwt18\"></td></tr> <tr style=\"position:relative; top: -40px;\"><td nowrap height=\"20\" align=\"center\" id=\"lrcwt19\"></td></tr> <tr style=\"position:relative; top: -40px;\"><td nowrap height=\"20\" align=\"center\" id=\"lrcwt20\"></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;
if(/\\/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.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 = \"\"+ this.inr.n.replace(/&/g,\"&\").replace(/</g,\"<\").replace(/>/g,\">\").replace(/%=%/g,\"\") +\"\"; 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-12); lrcwt2.innerText = this.retxt(ii-11); lrcwt3.innerText = this.retxt(ii-10); lrcwt4.innerText = this.retxt(ii-9); lrcwt5.innerText = this.retxt(ii-8); lrcwt6.innerText = this.retxt(ii-7); lrcwt7.innerText = this.retxt(ii-6); lrcwt8.innerText = this.retxt(ii-5); lrcwt9.innerText = this.retxt(ii-4); lrcwt10.innerText = this.retxt(ii-3); lrcwt11.innerText = this.retxt(ii-2); lrcfilter.innerText = this.retxt(ii-1); lrcwt12.innerText = this.retxt(ii-1); lrcwt13.innerText = this.retxt(ii+1); lrcwt14.innerText = this.retxt(ii+2); lrcwt15.innerText = this.retxt(ii+3); lrcwt16.innerText = this.retxt(ii+4); lrcwt17.innerText = this.retxt(ii+5); lrcwt18.innerText = this.retxt(ii+6); lrcwt19.innerText = this.retxt(ii+7); lrcwt20.innerText = this.retxt(ii+8); 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(\"歌词加载中\"); lrcwt1.innerText = \"\"; lrcwt2.innerText = \"\"; lrcwt3.innerText = \"\"; lrcwt4.innerText = \"\"; lrcwt5.innerText = \"\"; lrcwt6.innerText = \"\"; lrcwt7.innerText = \"\";
lrcwt8.innerText = \"\"; lrcwt9.innerText = \"\"; lrcwt10.innerText = \"\"; lrcwt11.innerText = \"\"; lrcfilter.innerText = \"\"; lrcwt12.innerText = \"\";
lrcwt13.innerText = \"\"; lrcwt14.innerText = \"\"; lrcwt15.innerText = \"\"; lrcwt16.innerText = \"\"; lrcwt17.innerText = \"\"; lrcwt18.innerText = \"\"; lrcwt19.innerText = \"\"; lrcwt20.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></div>
</CENTER> <EMBED style=\"LEFT: 845; WIDTH: 160px; POSITION: absolute; TOP: 138; HEIGHT: 160px\" align=right src=http://www.shuyunxin.com/cc/flash/92.swf type=application/octet-stream wmode=\"transparent\" quality=\"high\" ;;></EMBED>
<SCRIPT language=JavaScript>  </SCRIPT>
</body> </html>

小桥流水 发表于 2009-11-8 21:10

好漂亮的贴，谢谢无忌提供代码！

ma976 发表于 2009-11-9 16:19

谢谢楼主的提供，辛苦了

祝福发表于 2009-11-9 21:05

无忌好：这个同步是用js代码控制的和那个轮显相册是一样的，你这里设置了是20行的显示；你要少的话可以把多余的行去除就可以了！

无忌未来 发表于 2009-11-9 22:14

原帖由祝福于 2009-11-9 21:05 发表 static/image/common/back.gif
无忌好：这个同步是用js代码控制的和那个轮显相册是一样的，你这里设置了是20行的显示；你要少的话可以把多余的行去除就可以了！
哈哈哈，祝福老师来了啊，谢了噢。我先试下，不懂再请教你

无忌未来 发表于 2009-11-9 22:31

头大了，这代码太难搞，昏倒
 
晕啊，下面我回的那个不能编辑了 
好象还不可以哎

[ 本帖最后由无忌未来于 2009-11-10 22:06 编辑 ]

祝福发表于 2009-11-10 19:33

无忌给你改好了再试试：
 
<html> <head> <title>女人如烟</title> <STYLE> TD { FONT-SIZE: 8pt; LINE-HEIGHT: 14px; } BODY{ FONT-SIZE: 9pt; LINE-HEIGHT: 16px; margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; } #lrcollbox td, #lrcollbox font {font-family: 华文新魏; font-size: 14px;} #lrcoll td { color:#000000; cursor: default; } #lrcbox { color:#FFFF00 } #lrcfilter { filter: alpha(opacity=0) } #lrcbc { color:#FF0000 } </STYLE> </head> <img src=\"<A href=\"http://bbs.yhlove.com/attachments/month_0910/20091018_2dffdee04c63131b5759YpejbZ58uocs.jpg\">http://bbs.yhlove.com/attachments/month_0910/20091018_2dffdee04c63131b5759YpejbZ58uocs.jpg</A>\">
<div style=\"position: absolute; z-index: 1; left:30px; top:170px\" id=\"layer1\"> <body leftmargin=\"0\" topmargin=\"0\" marginwidth=\"0\" marginheight=\"0\">  <center> <OBJECT id=aboutplayer height=0 width=0 classid=clsid:6bf52a52-394a-11d3-b153-00c04f79faa6><PARAM NAME=\"url\" VALUE=\"<A href=\"http://www.mjbox.com/r/hz/hzyh66/MP3/\">http://www.mjbox.com/r/hz/hzyh66/MP3/</A>女人如烟魏佳艺.mp3\"><PARAM NAME=\"autostart\" VALUE=\"5\"><PARAM NAME=\"volume\" VALUE=\"100\"><PARAM NAME=\"enablecontextmenu\" VALUE=\"0\"><PARAM NAME=\"enableerrordialogs\" VALUE=\"0\"><param NAME=\"PlayCount\" VALUE=\"100\"></OBJECT> </CENTER> <div id=\"lrcollbox\" style=\"overflow:hidden; height:280; width:350;\" > <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\" width=\"100%\" id=\"lrcoll\" style=\"position:relative; top: -20px;\" 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\"> <table border=\"0\" cellspacing=\"0\" cellpadding=\"0\"> <tr><td nowrap height=\"20\"></td></tr> <tr style=\"position:relative; top: -20px; z-index:6\"><td nowrap height=\"20\"><div id=\"lrcfilter\" style=\"overflow:hidden; width:100%; color:#FF00FF00; height:20\"></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\">歌词加载中</td></tr> <tr style=\"position:relative; top: -20px; z-index:6;\"><td nowrap height=\"20\"><div id=\"lrcbc\" style=\"overflow:hidden; height:20; width:0;\"></div></td></tr> </table> </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;
if(/\\/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.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 = \"\"+ this.inr.n.replace(/&/g,\"&\").replace(/</g,\"<\").replace(/>/g,\">\").replace(/%=%/g,\"\") +\"\"; 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-12); lrcwt2.innerText = this.retxt(ii-11); 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(\"歌词加载中\"); lrcwt1.innerText = \"\"; lrcwt2.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></div>
 
</body> </html>

无忌未来 发表于 2009-11-10 22:03

原帖由祝福于 2009-11-10 19:33 发表 static/image/common/back.gif
无忌给你改好了再试试：

<html><head><title>女人如烟</title><STYLE>TD { FONT-SIZE: 8pt; LINE-HEIGHT: 14px; }BODY{FONT-SIZE: 9pt;LINE-HEIGHT: 16px;margin-left: 0px;margin-top: 0px;margin-right:...
我试过了，好象也不可以哎，晕了不过还是谢谢祝福老师了

页: [1]

中画网's Archiver

歌词移动