在圖片中定位移動豎排文字(1) 代碼: <TABLE borderColor=#5F9EA0 height=480 width=720 align=center border=25> <TBODY> <TR> <TD background=圖片地址> <DIV align=center> <MARQUEE scrollAmount=3 scrollDelay=100 behavior=slide loop=1 width=600 height=300> <MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=3 scrollDelay=100 direction=up width=600 height=300> <DIV style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" height="480" width="720"> <br><br><br><br><br><br><br><br><br><br> <DIV align=left><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: 2em; LETTER- SPACING: 0.2em; FONT-VARIANT: normal; FONT-: normal" face=華文行楷 color=#ff0000> ︻風(fēng)月塵緣︼<BR> <DIV align=left><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: 2em; LETTER- SPACING: 0.2em; FONT-VARIANT: normal; FONT-: normal" face=華文行楷 color=#ff0000> 風(fēng)花雪月一場夢<BR> <DIV align=left><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: 2em; LETTER- SPACING: 0.2em; FONT-VARIANT: normal; FONT-: normal" face=華文行楷 color=#ff0000> 塵緣未了萬事空<BR> <DIV align=left><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: 2em; LETTER- SPACING: 0.2em; FONT-VARIANT: normal; FONT-: normal" face=華文行楷 color=#ff0000> 莫嘆世間真情少<BR> <DIV align=left><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 20pt; LINE-HEIGHT: 2em; LETTER- SPACING: 0.2em; FONT-VARIANT: normal; FONT-: normal" face=華文行楷 color=#ff0000> 你我相遇惜知已 <DIV align=left><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: 2em; LETTER- SPACING: 0.2em; FONT-VARIANT: normal; FONT-: normal" face=華文行楷 color=#0000FF> <BR>∣∣∣∣∣ <font face=隸書 style=font:14pt color=#0000FF><B>一葉知秋<B></font> </FONT> </MARQUEE></MARQUEE></DIV></TD></TR></TBODY></TABLE> 說明: MARQUEE 這是移動標(biāo)記 scrollAmount=3 代表移動速度,屬值數(shù)字越大速度越快,默認(rèn)為6。 behavior=slide 代表移動方式,屬值表示只移動一次就停止。 loop=1 代表移動次數(shù),默認(rèn)為移動會不斷的循環(huán)下去。 scrollDelay=100 代表移動時的時間間隔,屬值數(shù)字越大速度越慢,默認(rèn)為90。 direction=up 代表移動方向,屬值代表向上移動。 效果: 在圖片中定位移動豎排文字(2) 代碼: <TABLE borderColor=#5F9EA0 height=480 width=720 align=center border=25> <TBODY> <TR> <TD background=圖片地址> <DIV align=center> <MARQUEE scrollAmount=3 scrollDelay=100 behavior=slide loop=1 width=600 height=420> <MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=3 scrollDelay=100 direction=up width=720 height=420> <P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: 100%; COLOR: #ea0000; LINE-HEIGHT: 130%; FONT-FAMILY: 華文行楷" color=#ff0000> ︻風(fēng)月塵緣︼<BR> <P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: 100%; COLOR: #ea0000; LINE-HEIGHT: 130%; FONT-FAMILY: 華文行楷" color=#ff0000> 風(fēng)花雪月一場夢<BR> <P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: 100%; COLOR: #ea0000; LINE-HEIGHT: 130%; FONT-FAMILY: 華文行楷" color=#ff0000> 塵緣未了萬事空<BR> <P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: 100%; COLOR: #ea0000; LINE-HEIGHT: 130%; FONT-FAMILY: 華文行楷" color=#ff0000> 莫嘆世間真情少<BR> <P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: 100%; COLOR: #ea0000; LINE-HEIGHT: 130%; FONT-FAMILY: 華文行楷" color=#ff0000> 你我相遇惜知已 <DIV align=left><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 14pt; LINE-HEIGHT: 2em; LETTER- SPACING: 0.2em; FONT-VARIANT: normal; FONT-: normal" face=華文行楷 color=#0000FF> <br><br>∣∣∣ <font face=隸書 style=font:14pt color=#0000FF><B>一葉知秋<B></font> </FONT> </DIV> </MARQUEE></MARQUEE></TD></TR></TBODY></TABLE> 說明: 整排文字的定位,只要在移動標(biāo)記里把高度height=420重新設(shè)置一下即可。 效果請看: | 另一種移動代碼: <DIV align=center> <MARQUEE scrollAmount=3 scrollDelay=100 behavior=slide loop=1 width=550 height=293> <MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=3 scrollDelay=100 direction=up width=550 height=290> <P align=left><FONT style="FONT-SIZE: 20pt; FILTER: WIDTH: 100%; COLOR: #ea0000; LINE-HEIGHT: 130%; FONT-FAMILY: 方正姚體" color=#ff0000>︻風(fēng)月塵緣︼<BR>風(fēng)花雪月一場夢<BR>塵緣未了萬事空<BR> 莫嘆世間真情少<BR>你我相遇惜知已<BR><B>一葉知秋<B></FONT> </MARQUEE></MARQUEE></DIV> 看看效果: ︻風(fēng)月塵緣︼ 風(fēng)花雪月一場夢 塵緣未了萬事空 莫嘆世間真情少 你我相遇惜知已 一葉知秋 如想加一個邊框,代碼如下: <TABLE borderColor=#0000FF height=420 width=720 align=center border=3> <TBODY> <TR> <TD background=背景圖片地址> 粘貼上面所有代碼</TD></TR></TBODY></TABLE> |