代碼： <div style="left:100px, position:relative; top:20px; widrh:700px; height:300px; overflow:hidden"> <p align=center><font color=blue size=4><b>音樂加載中，請耐心等待。</b></font></p> <p align=center><font color=red size=4><b>如果愛下去 - 張靚穎</b></font></p> <br><br><br> <STYLE>.time { BEHAVIOR: url(#default#time2) position:absolute; padding:4px; filter: /*ALE*/ Dropshadow(offx=1,offy=0,color=white) Dropshadow(offx=0,offy=1,color=white) Dropshadow(offx=0,offy=-1,color=white) Dropshadow(offx=-1,offy=0,color=white); font-family: 華文新魏; font-size: 40px; } </STYLE> <div id="floatpoint" STYLE="position:absolute;visibility:visible; width:660px; height:46px;"> <DIV class=time id=song style="LEFT: 0px; POSITION: absolute; TOP: 0px" begin = "0"> <bgsound src=http://image.liao1.com/upload/zly/200611192302294761.mp3 loop=1> </DIV> <t:transitionFilter id=fade1 from = "0" targetElement = "song" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "song.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc style="COLOR: #ff0000; POSITION: absolute;" begin = "30" dur = "7">街頭那一對和我們好像</SPAN> <?import namespace = t implementation = "#default#time2" declareNamespace /> <t:transitionFilter id=fade1 from = "0" targetElement = "gc" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gcok style="COLOR: #0000ff; POSITION: absolute;" begin = "31" dur = "7">街頭那一對和我們好像</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok.begin" dur = "6" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc.begin+8" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc1 style="COLOR: #ff0000; POSITION: absolute;" begin = "gc.begin+8" dur = "8">這城市華燈初上多兩個人悲劇散場</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gc1" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc1.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gcok1 style="COLOR: #0000ff; POSITION: absolute;" begin = "gc.begin+9" dur = "8">這城市華燈初上多兩個人悲劇散場</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok1" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok1.begin" dur = "6" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok1" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc1.begin+8" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc2 style="COLOR: #ff0000; POSITION: absolute;" begin = "gc1.begin+9" dur = "8">放開擁抱就各奔一方</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gc2" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc2.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gcok2 style="COLOR: #0000ff; POSITION: absolute;" begin = "gc1.begin+9" dur = "8">放開擁抱就各奔一方</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok2" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok2.begin" dur = "6" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok2" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc2.begin+8" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc3 style="COLOR: #ff0000; POSITION: absolute;" begin = "55;132" dur = "8">看著他們我就濕了眼眶</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gc3" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc3.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gcok3 style="COLOR: #0000ff; POSITION: absolute;" begin = "56;133" dur = "8">看著他們我就濕了眼眶</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok3" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok3.begin" dur = "6" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok3" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc3.begin+9" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc4 style="COLOR: #ff0000; POSITION: absolute;" begin = "gc3.begin+9" dur = "7">不回頭兩個方向流著淚的破碎臉龐</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gc4" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc4.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gcok4 style="COLOR: #0000ff; POSITION: absolute;" begin = "gc3.begin+10" dur = "7">不回頭兩個方向流著淚的破碎臉龐</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok4" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok4.begin" dur = "6" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok4" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc4.begin+9" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc5 style="COLOR: #ff0000; POSITION: absolute;" begin = "gc4.begin+8" dur = "7">仿佛我們昨天又重放</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gc5" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc5.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gcok5 style="COLOR: #0000ff; POSITION: absolute;" begin = "gc4.begin+8" dur = "7">仿佛我們昨天又重放</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok5" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok5.begin" dur = "6" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok5" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc5.begin+7" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc6 style="COLOR: #ff0000; POSITION: absolute;" begin = "gc5.begin+7" dur = "5">很久以前如果我們愛下去會怎樣</SPAN <t:transitionFilter id=fade1 from = "0" targetElement = "gc6" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc6.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gcok6 style="COLOR: #0000ff; POSITION: absolute;" begin = "gc5.begin+8" dur = "5">很久以前如果我們愛下去會怎樣</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok6" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok6.begin" dur = "4" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok6" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc6.begin+5" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc7 style="COLOR: #ff0000; POSITION: absolute;" begin = "gc6.begin+6" dur = "4">最後一次相信地久天長</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gc7" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc7.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gcok7 style="COLOR: #0000ff; POSITION: absolute;" begin = "gc6.begin+6" dur = "4">最後一次相信地久天長</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok7" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok7.begin" dur = "4" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok7" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc7.begin+5" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc8 style="COLOR: #ff0000; POSITION: absolute;" begin = "gc7.begin+4" dur = "5">躺在你溫暖手掌不需要想象</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gc8" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc8.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gcok8 style="COLOR: #0000ff; POSITION: absolute;" begin = "gc7.begin+4" dur = "5">躺在你溫暖手掌不需要想象</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok8" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok8.begin" dur = "4" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok8" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc8.begin+5" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc9 style="COLOR: #ff0000; POSITION: absolute;" begin = "gc8.begin+5" dur = "3">以後我漫長的孤單流浪</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gc9" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc9.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gcok9 style="COLOR: #0000ff; POSITION: absolute;" begin = "gc8.begin+5" dur = "3">以後我漫長的孤單流浪</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok9" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok9.begin" dur = "3" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok9" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc9.begin+3" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc10 style="COLOR: #ff0000; POSITION: absolute;" begin = "gc9.begin+3" dur = "5">很久以前如果我們愛下去會怎樣</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gc10" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc10.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gcok10 style="COLOR: #0000ff; POSITION: absolute;" begin = "gc9.begin+3" dur = "5">很久以前如果我們愛下去會怎樣</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok10" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok10.begin" dur = "4" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok10" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc10.begin+5" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc11 style="COLOR: #ff0000; POSITION: absolute;" begin = "gc10.begin+5" dur = "4">毫無疑問愛情當作信仰</SPAN <t:transitionFilter id=fade1 from = "0" targetElement = "gc11" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc11.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gcok11 style="COLOR: #0000ff; POSITION: absolute;" begin = "gc10.begin+5" dur = "4">毫無疑問愛情當作信仰</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok11" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok11.begin" dur = "4" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok11" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc11.begin+4" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc12 style="COLOR: #ff0000; POSITION: absolute;" begin = "gc11.begin+4" dur = "5">可是生活已經是另一番模樣</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gc12" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc12.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc12ok style="COLOR: #0000ff; POSITION: absolute;" begin = "gc11.begin+4" dur = "5">可是生活已經是另一番模樣</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gc12ok" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc12ok.begin" dur = "5" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gc12" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc12.begin+5" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc13 style="COLOR: #ff0000; POSITION: absolute;" begin = "gc12.begin+5" dur = "6">我希望永遠學不會堅強</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gc13" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc13.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gcok13 style="COLOR: #0000ff; POSITION: absolute;" begin = "gc12.begin+5" dur = "7">我希望永遠學不會堅強</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok13" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok13.begin" dur = "5" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok13" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc13.begin+6" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc25 style="COLOR: #ff0000; POSITION: absolute;" begin = "195" dur = "12">啊...嗚...</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gc25" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc25.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gcok25 style="COLOR: #0000ff; POSITION: absolute;" begin = "196" dur = "12">啊...嗚...</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok25" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok25.begin" dur = "11" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok25" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc25.begin+12" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc26 style="COLOR: #ff0000; POSITION: absolute;" begin = "gc25.begin+22" dur = "7">街頭那一對和我們好像</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gc26" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc26.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gcok26 style="COLOR: #0000ff; POSITION: absolute;" begin = "gc25.begin+23" dur = "7">街頭那一對和我們好像</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok26" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok26.begin" dur = "6" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok26" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc26.begin+7" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gc27 style="COLOR: #ff0000; POSITION: absolute;" begin = "gc26.begin+8" dur = "7">放開擁抱就各奔一方</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gc27" to = "1" type = "fade" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gc27.begin" dur = "1" repeatCount = "1"></t:transitionFilter> <SPAN class=time id=gcok27 style="COLOR: #0000ff; POSITION: absolute;" begin = "gc26.begin+8" dur = "8">放開擁抱就各奔一方</SPAN> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok27" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok27.begin" dur = "5" repeatCount = "1"></t:transitionFilter> <t:transitionFilter id=fade1 from = "0" targetElement = "gcok27" to = "1" type = "fade" subType = "crossFade" mode = "out" autoReverse = "false" begin = "gc27.begin+7" dur = "1" repeatCount = "1"></t:transitionFilter> </div> </div>

代码说明：

<SPAN class=time id=gc style="COLOR: #ff0000; POSITION: absolute;" begin = "30" dur = "7">街头那一对和我们好像</SPAN>

这是红色歌词的显示代码，
id=gc   每段歌词的id必须不同，后面的千万别忘记重新编写。
           （比如红色用a1,a2,a3....绿色用b1,b2,b3....）
COLOR: #ff0000;   文字颜色
begin = "30"    文字开始出现的时间（秒）指音乐出现后的时间
dur = "7"    文字显示的时长（秒）


<SPAN class=time id=gcok style="COLOR: #0000ff; POSITION: absolute;" begin = "31" dur = "6">街头那一对和我们好像</SPAN>

这是蓝色歌词的显示代码，
注意它比红色晚出现了1秒，所以显示时长只能6秒。


<t:transitionFilter id=fade1 from = "0" targetElement = "gcok" to = "1" type = "barwipe" subType = "crossFade" mode = "in" autoReverse = "false" begin = "gcok.begin" dur = "6" repeatCount = "1"></t:transitionFilter>

这是将蓝色歌词推出显示的动作代码，

关键属性：
targetElement = "gcok"   指定哪个id动作，这里指向蓝色歌词。
begin = "gcok.begin"   动作出现的时间，这样写法指定   
                                    和蓝色歌词（id=gcok) 同时出现。
dur = "6"    动作进行的时长


那么下段歌词怎么写呢:

复制以上三段代码，改动歌词。
1.重编红蓝歌词文字的id。
2.编辑红色歌词出现的时间，
    一般用时间轴的方法，比如上面例子第二段红色文字出现的时间必定是 ：
begin = "gc.begin+7"  
指在第一段红色歌词（id=gc）出现后7秒再出现第二段歌词。
3.编辑红色歌词出现的时长  dur =
4.编辑蓝色歌词出现的时间，也可用 begin = "gc.begin+7"  
时长同3.
5.动作出现时间和时长同4.

依此类推，一段段歌词编下去即可。

最关键的是怎么找时间：

1.下载千千静听等带歌词同步的软件。有每段歌词出现的时间。

2.笨办法：播放器上有时间显示，用暂停键一段段记下来，再算算每段显示的时长。发表后还可调整。