注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

章鱼博客

与你共享

 
 
 

日志

 
 

在图片中定位移动竖排文字  

2009-02-01 15:34:56|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

 

在图片中定位移动竖排文字(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>
 
 
  评论这张
 
阅读(406)| 评论(3)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017