在图片中定位移动竖排文字(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> ︻风月尘缘︼<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> 莫叹世间真情少<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 这是移动标记 scrollAmount=3 代表移动速度,属值数字越大速度越快,默认为6。 behavior=slide 代表移动方式,属值表示只移动一次就停止。 loop=1 代表移动次数,默认为移动会不断的循环下去。 scrollDelay=100 代表移动时的时间间隔,属值数字越大速度越慢,默认为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> ︻风月尘缘︼<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> 莫叹世间真情少<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> 说明: 整排文字的定位,只要在移动标记里把高度height=420重新设置一下即可。 效果请看: | 另一种移动代码: <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>︻风月尘缘︼<BR>风花雪月一场梦<BR>尘缘未了万事空<BR> 莫叹世间真情少<BR>你我相遇惜知已<BR><B>一葉知秋<B></FONT> </MARQUEE></MARQUEE></DIV> 看看效果: ︻风月尘缘︼ 风花雪月一场梦 尘缘未了万事空 莫叹世间真情少 你我相遇惜知已 一葉知秋 如想加一个边框,代码如下: <TABLE borderColor=#0000FF height=420 width=720 align=center border=3> <TBODY> <TR> <TD background=背景图片地址> 粘贴上面所有代码</TD></TR></TBODY></TABLE> |
评论