打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
《文字移动编排》基础代码和特效代码
 

1--下面是一段简单的文字插入代码:

<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

align=center 表示字体居中,可选值为居右(right)居(left)

《说明》

 color=颜色代码 具体颜色代码可参照:博客(颜色代码) 

 face=字体 常用字体为:宋体.黑体.楷体.仿宋.新宋体.细明体等

 size=字体大小,这里的最大值为7 ,取值越大文字就越大 这里老顽童提示,在文字特效代码里有时候用“style=font:40pt ”来表示文字的大小,你可以改变数值“40”来改变大小!

2 ---滚动代码

 了解完文字插入代码后,只能用代码来定义文字显示,怎么让它动起来,我们来了解一下有关文字滚动的一些基本属性,先来看一段文字滚动的基本代码:

<marquee direction=right scrollamount=2   ><FONT color=#0066ff face=隶书 size=5>你的文字</FONT></marquee>

《说明2》

  direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)  

       【提示:这里的“direction=移动方向”可以用“behavior=移动效果”来表示,例:   behavior=scroll 一圈一圈绕着走   behavior=slide 只走一次   behavior=alternate 来回走】

 scrollamount=移动速度数值

向右走:
<marquee direction=right scrollamount=3   ><FONT color=#0066ff face=隶书 size=5>老顽童博客</FONT></marquee> 

向左走:

<marquee direction=left  scrollamount=6  ><FONT color=#000000  face=华文行楷  size=5>老顽童博客</FONT></marquee>

来回走:

<marquee behavior=alternate   scrollamount=9  ><FONT color=#339966   face=华文彩云   size=5>老顽童博客</FONT></marquee>

 向上走:

<MARQUEE scrollAmount=2  scrollDelay=80 direction=up  width=200 height=50><FONT face=华文彩云 color=#cc36d7  size=5>老顽童博客</FONT></MARQUEE>

        提示:这里向上走的代码里出现新的滚动属性代码:  “scrollDelay=80”,这个“80”是滚动的距离,可以改变数值来改变滚动距离,向左向右走的代码也可以用此来增加定义!

    “width=200 height=50”分别是滚动的文字区域的宽度和高度,可以改变“=”号后面的数值来改变显示的大小。这里的高度和文字的滚动高度不冲突!可以自由设置!

3---有几组文字滚动特效代码

向上移动 

<DIV align=center><P style="MARGIN-LEFT: 10px">
<MARQUEE style="FONT-SIZE: 20pt; FILTER: Wave(freq=5, light=20, phase=100, strength=6); WIDTH: 320px; COLOR: red; FONT-FAMILY: ??; HEIGHT: 150px" scrollAmount=1 scrollDelay=100 direction=up><FONT color=red>欢迎光临顽童博客<BR>欢迎光临顽童博客<BR>欢迎光临顽童博客<BR>欢迎光临顽童博客<BR>欢迎光临顽童博客<BR><BR></FONT></MARQUEE></P></DIV>

-------------------

上下来回移动

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: 00cc00,strength=40); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER><B>顽</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=180>
<CENTER><B>童</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER><B>欢</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=180>
<CENTER><B>迎</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER><B>您</B></CENTER></MARQUEE></FONT></CENTER>

---------------------

带图片和文字波浪移动 

<MARQUEE behavior=alternate direction=up height=200 scrollAmount=5><MARQUEE    scrollAmount=2 width=660> <IMG src="图片地址"><FONT color=red face=楷体_gb2312 size=7>欢迎光临老顽童博客</FONT></MARQUEE></MARQUE></MARQUEE>

---------------------------

两排来回移动

 <MARQUEE width=340 height=50><FONT face=隶书 color=#0000ff size=7>欢迎光临老顽童博客</MARQUEE></FONT><FONT face=隶书 color=#0000ff size=7>
<MARQUEE direction=right width=340 height=50>欢迎光临老顽童博客</FONT></MARQUEE>

 
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
代码1
文字图片从中间向两边劈开
博客素材:如何制作音画《实操》
节日快乐模块代码
滚动文字特效大全 -★用彩色生成器加文字,图片加文字,带背景的链接滚动文字
特效多彩滚动字的样式和代码大全
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服