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

翱翔音乐祝福

网易是我的家 我爱我家 我会好好耕耘 种出鲜花 留给路人欣赏

 
 
 

日志

 
 
关于我

正直是我的人格,坚韧是我的品格,热情是我的性格,快乐是我的风格。君子敬而无失,与人恭而有礼,四海之内皆兄弟也!(翱翔宣)

网易考拉推荐

空间移动文字代码实用演习  

2011-11-26 20:14:00|  分类: 个人日记 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
查看文章
 
空间移动文字代码实用演习
2011-05-22 16:29

空间移动文字代码实用演习 - 翱翔网易博客 - 重庆翱翔

一.跳动的文字

效果:

 

 

 

代码:
<P><CENTER><MARQUEE direction=up behavior=alternate width=60 height=120><FONT face=隶书 color=red size=15>
</FONT></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80><FONT face=
隶书 size=15 color=yellow>
</FONT></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120><FONT face=
隶书 size=15 color=lime>
</FONT></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80><FONT face=
隶书 size=15 color=orange>
</FONT></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120><FONT face=
隶书 size=15 color=purple>
</FONT></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80><FONT face=
隶书 size=15 color=green>
</FONT></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120><FONT face=
隶书 size=15 color=navy>
</FONT></MARQUEE></CENTER></P>
注意:
本例中增加了一个控制属性:behavior=alternate表示文字的移动行为是交替出现的。

二.上下移动的文字

效果:

枫桥人家 欢迎您
枫桥人家 欢迎您

代码:

<DIV>
<MARQUEE scrollAmount=2 direction=down height=60><CENTER><FONT face=
华文彩云 color=#f73809 size=7><B>
向下移动的文字</B></FONT></CENTER></MARQUEE>
<MARQUEE scrollAmount=2 direction=up height=60><CENTER><FONT face=
华文彩云 color=#4db361 size=7><B>
向上移动的文字</B></FONT></CENTER></MARQUEE>
</DIV>
其中:scrollAmount是控制移动速度的,数值越大速度越快。Direction是控制移动方向的, down(下),up(上)。Height则是控制移动范围的高度。

三. 左右移动的文字

效果:

枫桥人家
枫桥人家

代码:

<DIV>
<MARQUEE scrollAmount=3 direction=left width=600><FONT face=
华文行楷 color=Purple size=7><B>
向左移动的文字</B></FONT></MARQUEE>
<MARQUEE scrollAmount=3 direction=right width=600><FONT face=
华文行楷 color=navy size=7><B>
向右移动的文字</B></FONT></MARQUEE>
</DIV>

其中:scrollAmount是控制移动速度的,数值越大速度越快。Direction是控制移动方向的, left(左),right(右)。width则是控制移动范围的宽度。
四.并列摇动的文字

效果:

*~*欢迎光临*~**~*欢迎光临*~*

代码:

<DIV align=center>
<MARQUEE behavior=alternate width=300><FONT face=
华文彩云 color=#ff0099 size=7><B>*~*左边的文字*~*</B></FONT></MARQUEE>
<MARQUEE direction=right behavior=alternate width=300><FONT face=
华文彩云 color=blue size=7><B>*~*右边的文字
*~*</B></FONT></MARQUEE></DIV>
注意:width=300设置的移动范围要比文字所占的宽度小才能产生效果。

五.由中间向两边排开的文字

效果:

枫桥人家枫桥人家

代码:

<P align=center><FONT face=华文彩云 color=#ff6600 size=7>
<MARQUEE width=300 height=80>左边的文字
</MARQUEE></FONT><FONT face=华文彩云
color=#00cc00 size=7>
<MARQUEE direction=right width=300 height=80>
右边的文字
</MARQUEE></FONT></FONT></P>
注意:同样是移动范围值的设置。

六. 波浪式前进的文字

效果:

枫桥人家祝您开心愉快!

代码:

<div align="center"><marquee scrollamount="3" width="400">
<div align="center"><font face="华文琥珀" color="#00cccc" size="7">祝大家开心愉快!</font></div>
</marquee></div>

==================================


 

 

 

  评论这张
 
阅读(4)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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