怎樣給網(wǎng)頁制做lrc歌詞_第1頁
怎樣給網(wǎng)頁制做lrc歌詞_第2頁
怎樣給網(wǎng)頁制做lrc歌詞_第3頁
怎樣給網(wǎng)頁制做lrc歌詞_第4頁
怎樣給網(wǎng)頁制做lrc歌詞_第5頁
已閱讀5頁,還剩3頁未讀 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權(quán),請進行舉報或認領(lǐng)

文檔簡介

1、怎樣給網(wǎng)頁制做lrc歌詞.txt蜜蜂整日忙碌,受到贊揚;蚊子不停奔波,人見人打。多么忙不重要,為什么忙才重要。怎樣給網(wǎng)頁制做lrc歌詞 懸賞分:30 - 提問時間2006-9-13 17:28 我想在博客上做出類似百度音樂試聽中的歌詞同步效果,就是那個歌詞不停滾動,而且正在唱的那一句以大字體紅色顯示.哪位高手知道如何做? 問題補充:偉皮.能再解釋一下嗎.我試了,有點問題.歌詞沒顯示出來,只顯示歌詞正在加載中.提問者: 我是周旭 - 試用期 一級 其他回答 共 3 條<html><head><meta http-equiv=Content-Type content=

2、text/html; charset=gb2312><title>綠色井陘綠色家園</title><STYLE type=text/css>TD FONT-SIZE: 9pt; LINE-HEIGHT: 17px; BODYFONT-SIZE: 9pt;LINE-HEIGHT: 17px;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;#lrcollbox td, #lrcollbox font font-family: 宋體; font-size: 14px;

3、#lrcoll td color:#0080C0; cursor: default; #lrcbox color:#00FF00 #lrcfilter filter: alpha(opacity=0) #lrcbc color:#ff00ff </STYLE></head><script language="JavaScript">self.moveTo(0,0);self.resizeTo(screen.availWidth,screen.availHeight);</script><base onmouseover=

4、"window.status=' 別忘了把地址告訴你<a class='Channel_KeyLink' href='/school/tools/tongxun/qq/index.html'>QQ</a>上的朋友哦!' return true;"><body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"

5、;><span id="lrcdata"><!-ti:綠色井陘綠色家園ar:馬佶au:馬佶al:綠色井陘專輯by:00:00.02綠色井陘綠色家園00:06.68(林業(yè)頌大合唱之二)00:12.95詞曲:馬 佶00:16.67演唱:井陘縣林業(yè)全體職工00:22.1700:25.03(女)水越來越清00:27.95天越來越藍00:30.88疾病和災(zāi)難越來越遠00:36.45(男)讓身體康康健健00:39.66生活美美滿滿00:42.28讓心的天空潔凈和暖00:48.39(女)小鳥放開歌喉00:51.29鮮花露出笑臉00:54.25生機和綠色回歸自然00

6、:59.86(男)讓家庭團團圓圓01:03.07關(guān)愛長依常伴01:05.99把井陘建成綠色家園01:11.83(合)這綠色的渴望01:17.63這綠色的呼喚01:23.60(女)我們手拉手01:26.57(男)我們心相連01:29.46(合)建設(shè)井陘綠色家園01:34.98這綠色的渴望01:41.08這綠色的呼喚01:47.01(女)我們手拉手01:49.97(男)我們心相連01:52.90(合)建設(shè)井陘綠色家園01:58.72music02:22.15(女)水越來越清02:25.09天越來越藍02:27.98疾病和災(zāi)難越來越遠02:33.78(男)讓身體康康健健02:36.76生活美美滿滿0

7、2:39.38讓心的天空潔凈和暖02:45.51(女)小鳥放開歌喉02:48.50鮮花露出笑臉02:51.60生機和綠色回歸自然02:56.93(男)讓家庭團團圓圓03:00.15關(guān)愛長依常伴03:03.05把井陘建成綠色家園03:08.63(合)這綠色的渴望03:14.45這綠色的呼喚03:20.74(女)我們手拉手03:23.57(男)我們心相連03:26.57(合)建設(shè)井陘綠色家園03:32.30這綠色的渴望03:37.94這綠色的呼喚03:44.10(女)我們手拉手03:47.04(男)我們心相連03:49.94(合)建設(shè)井陘綠色家園03:55.47這綠色的渴望04:01.41這綠色的

8、呼喚04:07.55(女)我們手拉手04:10.47(男)我們心相連04:13.39(合)建設(shè)井陘綠色家園04:17.74啊04:21.42綠色井陘綠色家園04:29.78The end-></span><center><object classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" id="aboutplayer" width="350" height="45"><param name="url&qu

9、ot; value="<param name="volume" value="100"><param name="enablecontextmenu" value="0"><param name="enableerrordialogs" value="0"></object><div id="lrcollbox" style="overflow:hidden; height:200;

10、 width:350; background-color:#ffffff;"><table border="0" cellspacing="0" cellpadding="0" width="100%" id="lrcoll" style="position:relative; top: -20px;" oncontextmenu="return false;"><tr><td nowrap height=&q

11、uot;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">&

12、lt;/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&quo

13、t; align="center" id="lrcwt6"></td></tr><tr><td nowrap height="20" align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td nowrap height="20"><span id=&quo

14、t;lrcwt7" style="height:20"></span></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"><

15、;/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 h

16、eight="20"><span id="lrcbox" style="height:20">歌詞加載中</span></td></tr><tr style="position:relative; top: -20px; z-index:6;"><td nowrap height="20"><div id="lrcbc" style="overflow:hidden; height:

17、20; width:0;"></div></td></tr></table></td></tr><tr style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt8"></td></tr><tr style="position:relative; top

18、: -40px;"><td nowrap height="20" align="center" id="lrcwt9"></td></tr><tr style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt10"></td></tr><tr

19、 style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt11"></td></tr><tr style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt12&q

20、uot;></td></tr><tr style="position:relative; top: -40px;"><td nowrap height="20" align="center" id="lrcwt13"></td></tr></table></div></center><script language="JavaScript">var lrc0;var lr

21、c1;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|$)/

22、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,"")

23、; 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 = eftii.split(":"); var tse = parseInt(sf0,10) * 60 + par

24、seFloat(sf1); var sso = t: , w: , n:ltxt sso.t0 = tse-this.oTime; this.inrthis.inr.length = sso; this.inr = this.inr.sort( function(a,b)return a.t0-b.t0; ); for(var ii=0; ii<this.inr.length; ii+) while(/<<>+:<>+>/.test(this.inrii.n) this.inrii.n = this.inrii.n.replace(/<(d+):

25、(d.+)>/,"%=%"); var tse = parseInt(RegExp.$1,10) * 60 + parseFloat(RegExp.$2); this.inrii.tthis.inrii.t.length = tse-this.oTime; lrcbc.innerHTML = "<font>"+ this.inrii.n.replace(/&/g,"&").replace(/</g,"<").replace(/>/g,">"

26、;).replace(/%=%/g,"</font><font>") +"</font>" var fall = lrcbc.getElementsByTagName("font"); for(var wi=0; wi<fall.length; wi+) this.inrii.wthis.inrii.w.length = fallwi.offsetWidth; this.inrii.n = lrcbc.innerText; for(var ii=0; ii<this.inr.length

27、-1; ii+) this.minii = Math.floor(this.inrii+1.t0-this.inrii.t0)*10); this.min.sort(function(a,b)return a-b); min = this.min0/2; this.run = function(tme) if(tme<this.dts | tme>=this.dte) var ii; for(ii=this.inr.length-1; ii>=0 && this.inrii.t0>tme; ii-) if(ii<0) return; this.dd

28、h = this.inrii.t; this.fjh = this.inrii.w; this.dts = this.inrii.t0; this.dte = (ii<this.inr.length-1)?this.inrii+1.t0:aboutplayer.currentMedia.duration; lrcwt1.innerText = this.retxt(ii-7); lrcwt2.innerText = this.retxt(ii-6); lrcwt3.innerText = this.retxt(ii-5); lrcwt4.innerText = this.retxt(ii

29、-4); lrcwt5.innerText = this.retxt(ii-3); lrcwt6.innerText = this.retxt(ii-2); lrcwt7.innerText = this.retxt(ii-1); lrcfilter.innerText = this.retxt(ii-1); lrcwt8.innerText = this.retxt(ii+1); lrcwt9.innerText = this.retxt(ii+2); lrcwt10.innerText = this.retxt(ii+3); lrcwt11.innerText = this.retxt(i

30、i+4); lrcwt12.innerText = this.retxt(ii+5); lrcwt13.innerText = this.retxt(ii+6); 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

31、(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.ddhki<=tme; ki+) bbw += this.fjhki; var kt = ki-1; var sc = (ki<this.ddh.length)?this.ddhki:this.dte) - this.ddhkt; var tc = tme - this.ddhkt; bbw -= this.fjhkt - tc / sc * this.fjhkt; if(bbw>lrcbox.offsetWidth) bbw = lrcbox.offsetWidth; lrcbc.style.width = Math.round(bbw); this.retxt = function(i) return (i<0 | i>=this.inr.length)?""

溫馨提示

  • 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽,若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論