【音画教室】文字移动特效代码（三）

昵称Ft0PO 2011-10-17

展开全文

【音画教室】文字移动特效代码（三）

★★文字走马灯效果代码：

★文字走马灯效果代码
<MARQUEE width=657 height=21>这里输入文字 ★改变文字的字体和颜色代码1 要修改字体和颜色的提示：color=文章颜色 ★改变文字的字体和颜色代码2 輸入文字 提示：color=文章颜色 ★移动文字代码
<MARQUEE width=657 height=21>你要写的文字</MARQUEE>★文字特效显示代码效果一：
<CENTER>输入文字</CENTER>效果二：
<CENTER>输入文字</CENTER>效果三：
<CENTER>输入文字</CENTER></MARQUEE>

效果：

这里输入文字 ★改变文字的字体和颜色代码1 要修改字体和颜色的提示：color=文章颜色 ★改变文字的字体和颜色代码2 輸入文字提示：color=文章颜色 ★移动文字代码你要写的文字★文字特效显示代码效果一： 输入文字效果二： 输入文字效果三：输入文字

2、设置不同移动效果的文字：

基本语法：
<marquee behavior=移动效果>插入文字,</marquee>

属性如下：
behavior=scroll 一圈一圈绕着走
behavior=slide 只走一次　

behavior=alternate 来回走

效果：

一圈一圈绕着走：欢迎光临知音论坛!

只走一次：欢迎光临知音论坛!

来回走：欢迎光临知音论坛!

3、走走停停文字设置：

基本语法：
<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

效果：

欢迎光临知音论坛!

四、设计不同特效的文字:

1、上下移动：
<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=660> <IMG src="图片地址">插入文字</MARQUEE></MARQUE></MARQUEE>

效果：

欢迎光临知音论坛!

2、左右移动：

<MARQUEE height=50 width=350>插入文字</MARQUEE><MARQUEE direction=right height=50 width=350>插入相反的文字</MARQUEE>

提醒：在用这种效果时，文字移动范围的宽width的取值很重要，两段文字移动范转的width取值和一定要小于背景层width的取值。

效果：

欢迎光临知音论坛! 欢迎光临知音论坛!

3、固定不动：

插入文字

效果：

欢迎光临知音论坛!

4、彩色字体：

彩
色字体色彩 绚丽

看看效果吧！

彩色字体色彩绚丽

5、抛射字体基本语法:

效果：

抛射字体

6、由中间向两边移动文字:

<MARQUEE width=200 height=50><IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="图片地址" >由中间向两边移动的文字和图像 </MARQUEE>
<MARQUEE direction=right width=200 height=50>由中间向两边移动的文字和图像<IMG onmousewheel="return bbimg(this)" style="CURSOR: pointer" src="图片地址" ></MARQUEE>

效果：

由中间向两边移动的文字和图像由中间向两边移动的文字和图像

7、原地跳动文字

看看效果吧！

我们一起跳啊

8、交替跳跃文字:

看看效果吧！

欢迎您来知音

9、穿梭文字:

看看效果吧!

穿　穿 梭梭 文文 字字

10、左向右上下起伏飞翔文字

左向右上下起伏飞翔， height=200 是上下起伏飞翔幅度，可以调整，区分图片大小，一般设置在50至150的范围内比较好。

<marquee direction=right><marquee behavior=alternate direction=up height=200>大雁飞来飞去 <img src=图片地址><img src=图片地址><img src=图片地址></marquee> </marquee>

看看效果吧！
大雁飞来飞去

11、右向左上下起伏飞翔:

右向左上下起伏飞翔，height=100 是上下起伏飞翔幅度，可以调整，区分图片大小，一般设置在50至150的范围内比较好
我在追“心”

看看效果吧!

愿知音带来快乐无数

12、上下跳跃移动:

<CENTER>
<MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>大</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>家</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>永</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>远</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=80>幸</MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>福</MARQUEE></MARQUEE></CENTER></FONT

看看效果吧!

祝大家永远幸福

13、用闪图做背景的特效文字的代码:

<TABLE align=center background=http://image40.360doc.com/DownloadImg/2011/10/1717/18553077_5.gif border=5>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle>知音论坛欢迎您光临</TD></TR></TBODY></TABLE>

看看效果吧!(这是改动原代码后的效果)

欢迎您光临
知音论坛

14、文字在图片上向上移动的基本语法

看看效果吧!

朋友您好！

亲自动手！

体验成功！

15、竖排渐出字基本语法

竖排渐出字

<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=550 height=293>
<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290>
我带着远古的心愿 你怀揣前世的祈盼 我饱含如许的虔诚 你浸润最深的期待 我们跨越万水千山 赴今世的约定... 你感觉我深情凝眸的甜柔 我倾听你心室澎湃的跳动 白云轻盈飘荡 星月神秘闪烁 燃烧的篝火旁 我们席地而坐 倾诉不尽的相思 燃烧的火焰是不灭的炙热 让我们一起出发 背上快乐的行囊 携着一路的欢唱 踏着灿烂的芬芳 望--天上云卷霞飞 看--地下小桥流水 拥--郁郁山川入怀 枕--簇簇波浪入眠 把--忧烦抛在身后 让--愉悦洒满诗行 </MARQUEE></MARQUEE></DIV>

看看效果吧!

我带着远古的心愿
你怀揣前世的祈盼
我饱含如许的虔诚
你浸润最深的期待
我们跨越万水千山
赴今世的约定...
你感觉我深情凝眸的甜柔
我倾听你心室澎湃的跳动
白云轻盈飘荡
星月神秘闪烁

燃烧的篝火旁
我们席地而坐
倾诉不尽的相思
燃烧的火焰是不灭的炙热
让我们一起出发
背上快乐的行囊
携着一路的欢唱
踏着灿烂的芬芳
望--天上云卷霞飞
看--地下小桥流水
拥--郁郁山川入怀
枕--簇簇波浪入眠
把--忧烦抛在身后
让--愉悦洒满诗行

看看添加背景后的效果

方法是:将第15例的所有代码嵌入下面的代码中,然后在“背景图片地址”处换上你所喜欢的图片地址，调整一下图片的宽度和高度，合适为止。

<DIV></DIV>
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
 <TBODY>
 <TR>
 <TD background=背景图片地址>第15例的所有代码</TD></TR></TBODY></TABLE>

16、文字动画效果在背景图层上的基本语法:

<TABLE style="LEFT: -200px; WIDTH: 50px; TOP: 80px" cellSpacing=0 cellPadding=50 align=center background=http://image40.360doc.com/DownloadImg/2011/10/1717/18553077_2.jpg border=10>
<TBODY><TR><TD>
<TABLE borderColor=#228b22 cellSpacing=0 borderColorDark=#00ced1 cellPadding=0 width=790 align=center border=1>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=220>
<MARQUEE style="WIDTH: 438px; HEIGHT: 139px" scrollAmount=3 behavior=alternate width=438>
<IMG src="图片"> 欢迎光临 

<IMG src="图片">知音论坛欢迎您 知音好友欢迎您</A>

</MARQUEE></MARQUEE>></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>

17.立体镂空字基本语法:

看看效果吧!

知音论坛

18.让文字在背景图片上悠闲地飘飞

在背景图片上悠闲飘飞的文字基本语法如下：

<DIV></DIV>
<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>
<TBODY>
<TR>
<TD background=图片地址>
<MARQUEE scrollAmount=3 direction=down behavior=alternate height=350>
<MARQUEE scrollAmount=3 behavior=alternate width=450>
淡妆浓抹总相宜 </MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

说明：

A、图片地址自己输入；

B、文字、字体和颜色可以变动。

看看效果吧！

淡妆浓抹总相宜

18 投射阴影效果：

<div style="FILTER: Shadow(color=#660099,direction=135); HEIGHT: 10pt;font-size:330pt" face="隶书" color=#009900>投射阴影效果</div>

a 发光效果：

<div style="FILTER: glow(color=#FF0000,strength=3); HEIGHT: 1px;" face="楷体" color="#ffffff" size="4">天生我材必有用</div>

b 渐变效果：

<div style="FONT-SIZE:30pt;filter:alpha(opacity=100,style=1);WIDTH:100%; COLOR:red;LINE-HEIGHT:100%;FONT-FAMILY:华文行楷">为伊消得人憔悴</div>

c 带背景字体：