【大圣电脑】同步歌词（竖）幻灯

大圣

<table cellspacing="0" cellpadding="0" width="560" align="center" border="0">
                            <tbody>
                                <tr>
                                    <td>
                                    <div style="left: 0px; position: relative; top: 0px" height="360" width="100%" align="center">
<img style="border-right: #ff0000 10px ridge; border-top: #ff0000 10px ridge; filter: blendTrans(duration=2); border-left: #ff0000 10px ridge; border-bottom: #ff0000 10px ridge" height="440" alt="" width="550" name="slide" src="http://www.iecool.net/uppic/2005-6/rose/rose2_004.jpg" /> <!--按钮显示层号20-->
                                    <div style="z-index: 20; left: 30px; position: absolute; top: 400px"><span style="text-align: left"><img id="playCont" style="filter: alpha(opacity=100,finishopacity=100, style=3); cursor: pointer" alt="播放" border="0" src="http://zj.021shop.cn/xzbfq/bf25.gif" /><img id="puaseCont" style="display: none; cursor: pointer" alt="暂停" border="0" src="http://zj.021shop.cn/xzbfq/zt25.gif" /></span>
                                    <div id="TT" style="font-weight: bolder; font-size: 14px; color: #ff0000">00:00</div>
                                    </div>
                                    <!--半透明底层-->
                                    <div style="z-index: 5; filter: alpha(style=0,opacity=40); left: 510px; width: 40px; position: absolute; top: 35px; height: 360px; background-color: #65ffff">&nbsp;</div>
<!--Flash层-->
<div id="flashdiv"style="Z-index:20;position: absolute; left:70px; top:380px;width:500;height:450"><embed id="Femb" src="http://zj.021shop.cn/qtlogo.swf" width="80" height="80" wmode="transparent"  type="application/octet-stream" quality="high" align="right"></embed></div>
                                    <!--直排同步歌词显示层10-->
                                    <div style="z-index: 10; left: 503px; width: 40px; position: absolute; top: 80px">
                                    <table cellspacing="0" cellpadding="0" border="0">
                                        <tbody>
                                            <tr>
                                                <td nowrap="nowrap" align="center"><style type="text/css">
    #lrcbox,#lrcbc {FONT-SIZE: 25px; FONT-WEIGHT:bolder; FONT-FAMILY: 楷体,楷体_gb2312; WRITING-MODE :tb-rl; width:40px;}
    </style>
                                                <div id="lrcbox" style="left: 0px; color: #fcecfc; position: absolute; top: 0px">歌曲：康美之恋</div>
                                                <div id="lrcbc" style="left: 0px; overflow: hidden; color: #ff0000; position: absolute; top: 0px; height: 0px">歌曲：康美之恋</div>
                                                </td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    </div>
                                    <!--隐藏的faa6播放器和LRC-->
                                    <div style="z-index: -10; left: 0px; position: absolute; top: 380px"><span style="margin: 0px"><object style="FILTER: Xray;" id=aboutplayer height=0px width=0px classid=clsid:6bf52a52-394a-11d3-b153-00c04f79faa6>
    <param name="url" value="http://music.kaixin001.com/pic/music/57/56/2575609.mp3">
    <param name="autostart" value="1">
    <param name="volume" value="100">
    <param name="enablecontextmenu" value="0">
    <param name="enableerrordialogs" value="0">
    <param name="playCount" value="2">
</object></span><span id="lrcdata" style="margin: 0px"><!--

[ti:康美之恋]
[ar:演唱朱逢博作词童 年作曲王晓锋]
[al:演唱：谭 晶]
[by:习之片长030213]

[00:00.68][15]康 美 之 恋
[00:02.68][19]作词：童 年
[00:05.68]作曲：王晓锋
[00:07.68][17]演唱：谭 晶
[offset:000]
[02:16.76][00:12.68][1]一条路海角天涯
[02:22.87][00:19.42][2]两颗心相依相伴
[02:30.28][00:26.66][3]风吹不走誓言
[02:34.24][00:30.68][4]雨打不湿浪漫
[02:38.28][00:34.74][5]意济苍生苦与痛
[02:41.60][00:38.01][6]情牵天下喜与乐
[02:48.11][00:44.34][7]一条路千山万水
[02:54.92][00:51.16][8]两颗心无怨无悔
[03:02.21][00:58.31][9]风吹不走誓言
[03:06.10][01:02.39][10]雨打不湿浪漫
[03:09.99][01:06.59][11]意济苍生苦与痛
[03:13.17][01:09.80][12]情牵天下喜与乐
[03:51.46][03:19.73][01:16.15][13]明月清风相思
[03:54.62][03:23.07][01:19.34][14]丽日百草也多情
[03:57.98][03:26.41][01:22.79][15]两颗心长相伴
[04:02.03][03:30.26][01:26.45][16]你我写下爱的神话
[04:05.25][03:33.45][01:30.10][13]明月清风相思
[04:08.73][03:36.83][01:33.37][14]丽日百草也多情
[04:12.26][03:40.22][01:37.00][15]康美情长相恋
[04:16.55][03:44.68][01:41.16][16]你我写下爱的神话
[01:48.98]★★★★★★
[04:26.88]●○●○●○●

--></span></div>
                                    <!--SCRIPT language="JavaScript" type="text/javascript" src="http://zj.021shop.cn/xzbfq/aboutplayerfaa6.txt"--><SCRIPT language="JavaScript" type="text/javascript">
Button =new Array();B_Alt = new Array();
Button[0] = playCont.src; B_Alt[0]="播放";
Button[2] = puaseCont.src;B_Alt[2]="暂停";
var pState;
var WMP = document.getElementById("aboutplayer");
function Ini(){
var pState = WMP.playState;
if (pState == 3) {playCont.alt =  B_Alt[2];playCont.src = Button[2];}
    else{playCont.alt = B_Alt[0];playCont.src= Button[0];}
    TestWmp();
}
function TestWmp(){
var pcs = WMP.controls.currentPositionString;
pcs= (pcs=="")?"00:00":pcs;
TT.innerText = pcs;
pState = WMP.playState;
if (pState == 3){playCont.alt =  B_Alt[2];playCont.src = Button[2]; playCont.filters.alpha.opacity = 100;}
if (pState == 2){playCont.alt =  B_Alt[0];playCont.src = Button[0]; playCont.filters.alpha.opacity = 100;}
if (pState == 1){playCont.alt =  B_Alt[0];playCont.src = Button[0]; playCont.filters.alpha.opacity = 100;}
    if (pState ==10){playCont.alt =  B_Alt[0];playCont.src = Button[0]; playCont.filters.alpha.opacity = 100;}
    if (pState == 6||pState == 9){playCont.alt = "缓冲";playCont.src = Button[0]; playCont.filters.alpha.opacity = 50;}
    Test_State=setTimeout("TestWmp();",500);
}
function WwpPlay(){playCont.alt = "缓冲"; playCont.filters.alpha.opacity = 50;
WMP.controls.play();
TestWmp();
}
function WwpPause() {var pState = WMP.playState;
if (pState == 3 ){clearTimeout("Test_State");playCont.alt =  B_Alt[0];playCont.src = Button[0];
WMP.controls.pause();
}
TestWmp();
}
function StartStop(){(playCont.alt ==  B_Alt[0])?WwpPlay():WwpPause()}
Ini();
</script><!--直排同步歌词显示JS--><SCRIPT  language="JavaScript" type="text/javascript">
NN = -1;
lrcobj = new lrcClass(lrcdata.innerHTML.slice(4,-3));
function lrcClass(tt)
{
  this.inr = [];
  this.oTime = 0;
  this.dts = -1;
  this.dte = -1;
  this.dlt = -1;
  this.ddh;
  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(/\|/g,"").replace(/\r\n/g,"\n")
tt = tt.replace(/\[(\d\d)\:(\d\d)\.(\d\d)\]/g,function($0,$1,$2,$3){return ($1*60+$2*1+$3/100)+"|"})
var a = tt.split("\n")
for(i=0;i<a.length;i++){
ad=a.split("|")
var lrcT = ad[ad.length-1]
var lrcP = -1;    //对没有显示图片任务的歌词句子设置标志;
if(/\[(\d+)\]/i.test(lrcT)){lrcP = RegExp.$1} ;   //取显示的图片标号;
lrcT = lrcT.replace(/\[.*\]/g,"");
  for(j=1;j<ad.length;j++){
var sso = {t:[], n:lrcT, p:lrcP}
  sso.t[0] = ad[j-1]-this.oTime ;
  this.inr[this.inr.length] = sso
  }
}
   this.inr = this.inr.sort( function(a,b){return a.t[0]-b.t[0];} );
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.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));  
    NN = this.inr[ii].p;     //传递图片号；
    this.dlt = ii;
       }  
    var bbw = 0;
    var ki;
    for(ki=0; ki<this.ddh.length && this.ddh[ki]<=tme; 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];   //ê±??μ?à??ó;
//直排;
var step_A = lrcbox.offsetHeight/(sc*0.90);//w-h;
bbw = step_A*tc;
if(bbw>lrcbox.offsetHeight)
bbw = lrcbox.offsetHeight;//w-h;
lrcbc.style.height = Math.round(bbw)+"px";//w-h;
lrcbc.style.width = lrcbox.style.width ; //importable!;
/*
//横排;
    var step_A = lrcbox.offsetWidth/(sc*0.90);
      bbw = step_A*tc;
    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;   
  }
}
function lrcrun(){
  with(aboutplayer){lrcobj.run(controls.currentPosition); }
  if(arguments.length==0) setTimeout("lrcrun()",10);
}
lrcrun();
</SCRIPT><!--同步歌词JS结束--><!--同步幻灯JS，第一个JS是图片输入，第二个JS是显示代码--><SCRIPT language="JavaScript" type="text/javascript">
PhotoAD = new Array();
var dd = 0
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_031.jpg"  //0
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_037.jpg"  //1
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_035.jpg"  //2
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/Valentine/qrj2_003.jpg"  //3
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_021.jpg"  //4
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_023.jpg"  //5
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_026.jpg"  //6
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_012.jpg"//7
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_029.jpg"//8
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_030.jpg"
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_035.jpg"
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_023.jpg"
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_021.jpg"
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_023.jpg"
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_026.jpg"
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_012.jpg"
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_029.jpg"
PhotoAD[dd++]="http://images.china.cn/attachement/jpg/site1000/20080716/0019b91ebfe209e817ef29.jpg"
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_024.jpg"
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_007.jpg"
PhotoAD[dd++]="http://www.iecool.net/uppic/2005-6/rose/rose2_024.jpg"



</SCRIPT><SCRIPT language="JavaScript" type="text/javascript">
function slide_ini(){
preimg = new Array();
for (i=0;i<PhotoAD.length;i++){
  preimg = new Image();
  preimg.src=PhotoAD;
  }
slide_timer();
}
function slide_timer(){
if (NN >=0){
pp = NN
slideit(pp);
}
slide_t = setTimeout(slide_timer,100)
}
function slideit(pp){
clearTimeout("slide_t")
NN = -1
if (!document.images) return;
    pp = (pp>=preimg.length)? pp%preimg.length:pp
slide.filters[0].apply();
document.images.slide.src = preimg[pp].src;
document.images.slide.filters[0].play();
}
slide_ini();
</SCRIPT></div>
                                    </td>
                                </tr>
                            </tbody>
                        </table>

申老李

谢谢朋友的介绍！分享！

大圣

申老李 发表于 2016-1-28 10:16
谢谢朋友的介绍！分享！

谢谢！春节将临，祝好友幸福快乐！

大圣

忙里偷闲 发表于 2016-1-28 10:17
欣赏朋友佳作！问好！

谢谢！春节将临，祝好友幸福快乐！

画画

欣赏朋友佳作，谨颂安好。

大圣

寒江雪 发表于 2016-1-28 16:40
本帖最后由 寒江雪 于 2016-1-28 16:44 编辑 谢谢你提供同步歌词代码!你这个代码在本论坛有没有试过?插件能 ...

以前在别的网站上用过。现在不用代码发音画帖了，嫌麻烦，效果也不一定好。
可以试试看，如有问题可以进行编辑修改！

问好版主！

大圣

画画 发表于 2016-1-28 21:14
欣赏朋友佳作，谨颂安好。

祝好友幸福快乐！

笑吟吟

谢谢分享