欢迎您!启步学代码。
(4)

(原创编辑:游子。 供初学HTML代码的朋友参考)



文字移动属性的设置

<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><CENTER>
文字从下向上移!!!</CENTER></font></marquee>

BR>
显示效果:

文字从下向上移!!


原创制作:游子。



文字来回走代码:

<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>
scrollAmount=2移动速度设置数值小就走得慢!!</font></marquee>


显示效果:


scrollAmount=2移动速度设置数值小就走得慢!!

移动速度设置数值大就走得快!的代码:

<marquee direction=left scrollAmount=8> <font style=font:15pt face=黑体 color=fff000>scrollAmount=8移动速度设置数值大就走得快!!</font></marquee>


显示效果:


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

原创编辑:游子。




文字上下移动代码:


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


文字上下移动


原创编辑:游子。




文字图片走四方的代码:

<TABLE borderColor=fff000 height=350 cellSpacing=1 cellPadding=10 width=450 border=3><TBODY><TR><TD bgColor=#0000ff>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=450>
<IMG src="http://www.dabaoku.com/gif/164/gif001.gif">&nbsp;<FONT color=fff000 size=3><B>欣赏文字图片走四方</B></FONT> <IMG src="http://homediy.myrice.com/gif/cat/cat004.gif ">
</MARQUEE></MARQUEE>
</TD></TR></TBODY></TABLE>


原创编辑:游子。

 


文字图片走四方

 欣赏文字图片走四方

(待续)
编辑:游子

(为了让更多网友学用html代码贴图制作网页,本贴 欢迎转载,但是,转载时请不要把原创编辑游子的名字改掉。谢谢!)