一步一步学代码---文字处理(文字移动属性的设置)[连载4]

没起名 2007-9-13 1398


一 文字处理
3 文字移动属性的设置
<marquee>内容文字或图片</marquee>上面是最简单的移动标签。把它复制粘贴发表结果如下:
内容文字或图片

移动属性值主要的有几个内容: 移动方向 <direction=#>速度 <scrollamount=#> 方式 <bihavior=#> 循环 <loop=#> 延时 <scrolldelay=#> 方向和速度。移动方向 direction=left 从右向左移direction=right 从左向右移direction=down 从上向下移direction=up 从下向上移
移动代码:-文字从右向左移 <marquee direction=left scrollAmount=2><font style=font:15pt face=黑体 color=fff000>文字从右向左移!</font></marquee>
显示效果:
文字从右向左移!移动方向-文字从左向右移的代杩。

<marquee direction=right scrollAmount=2><font style=font:15pt face=黑体 color=fff000>文字从左向右移!!</font></marquee>
显示效果:
文字从左向右移!
移动方向-文字从上向下移的代码:。

<marquee direction=direction=down scrollAmount=2><font style=font:15pt face=黑体 color=fff000><CENTER>文字从上向下移!!</font></CENTER></marquee>
显示效果:

文字从上向下移!!
移动方向-文字从下向上移!的代码:。

<marquee direction=up scrollAmount=2><font style=font:15pt face=黑体 color=fff000>文字从下向上移!!!</font></marquee>
显示效果:

文字从下向上移!!


文字来回走代码:

<marquee behavior=alternate scrollAmount=8><font style=font:15pt face=黑体 color=fff000>文字来回走耶!!!</font></marquee>
显示效果:
文字来回走耶!!移动速度 <scrollamount=#>移动速度设置数值小就走得慢的代码:<marquee direction=left scrollAmount=2><font style=font:15pt face=黑体 color=fff000>移动速度设置数值小就走得慢!!</font></marquee>
显示效果:
移动速度设置数值小就走得慢!!移动速度设置数值大就走得快!的代码:
<marquee direction=left scrollAmount=8> <font style=font:15pt face=黑体 color=fff000>移动速度设置数值大就走得快!!</font></marquee>
显示效果:

移动速度设置数值大就走得快!!




文字上下移动代码:
<font size=5 face=隶书 color=lime> <MARQUEE scrollAmount=5 direction=up behavior=alternate height=60><center>文字上下移动</center></marquee>



文字上下移动
应用举例:文字图片走四方







欣赏文字图片走四方
代码如下:
<DIV align=left><TABLE borderColor=#fff000 height=350 cellSpacing=1 cellPadding=10 width=450 border=3><TBODY><TR><TD bgColor=#000000><MARQUEE scrollAmount=3 direction=down behavior=alternate height=350><MARQUEE style="WIDTH: 414px; HEIGHT: 132px" scrollAmount=3 behavior=alternate width=414><IMG src="http://www.dabaoku.com/gif/164/gif001.gif"> <FONT color=#fff000 size=3><B>欣赏文字图片走四方</B></FONT></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE></DIV>

练习:1 选择你要的文字按从右向左移、从左向右移、从上向下移、从下向上移、文字来回走等显示出你用代码做的文字。并给出你所用的全部代码。
2 用你在论坛里的头像图片(或其它小图片)并在图片后面加上你的做个“文字图片走四方”的图。
注意:要更改“应用举例”中的图片地址,若有需要还要更改相应的尺寸!试验一下吧。
熟能生巧,要多加练习哦!
最新回复 (0)
    • 文学风原创文学网站 | 分享原创乐趣
      2
        立即登录 立即注册
返回