编辑文字代码 - 心缘之梦

双击自动滚屏

编辑文字代码

发表日期：2009年7月3日出处：转帖本页面已被访问 8825 次

先来简单说说语法！

基本语法：
<marquee>需要移动的文字</marquee>
<direction=＃>

1.方向＃=left, right ，up,down,
例:<marquee direction=left>从右向左移动</marquee>>
<marquee direction=right>从左向右移动</marquee>>

<marquee direction=right>文字自左向右移 </marquee>

2.次数 <bihavior=＃> ＃=scroll, slide, alternate
例:<marquee behavior=scroll>一圈一圈的绕着移动</marquee>>
<marquee behavior=slide>只移动一次就停</marquee>>
<marquee behavior=alternate>来回移动，不停</marquee>>

3.循环 <loop=＃> ＃ =次数，若未指定则循环不止(infinite)
例:<marquee loop=3 width=50％ behavior=scroll>只走 3 趟</marquee>

4.速度加快 <scrollamount=＃>
例:<marquee scrollamount=20>移动速度加快</marquee>>

5.速度减慢 <scrolldelay=＃>
例:<marquee scrolldelay=500 scrollamount=100>移动速度减慢</marquee>

6.底色 <bgcolor=＃>
＃=rrggbb 16进制数码，或者是下列预定义色彩：
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
例:<marquee bgcolor=red>是红色的</marquee>

7.面积 <height=＃ width=＃>
　　例:<marquee height=80 bgcolor=red>面积变大了</marquee>

——————————————————————————

代码解释：
<table width="400" border="10" cellspacing="2" cellpadding="2" align="CENTER" valign="TOP"

background="图片网址" bgcolor="#0000FF" bordercolor="#CF0000" bordercolorlight="#00FF00"

bordercolordark="#00FFFF">

width="400"
表格宽度，接受绝对值（如 500）及相对值（如 80%）。

border="10"
表格边框的厚度。

cellspacing="2"
表格格线的厚度

cellPadding=5　表格格线内厚度

align="CENTER"
表格的摆放位置（水平），可选值为：左： left,　右： right,　居中： center

valign="TOP".
表格内内容的对齐方式（垂直），可选值为： top, middle, bottom。　　

background="背景图片网址"
表格的背景图片，与 bgcolor 不要同用。

bgcolor="#0000FF"
表格的底色，与 background 不要同用

bordercolor="#CF0000"
表格边框颜色

bordercolorlight="#00FF00"
表格边框向光部分的颜色

bordercolordark="#00FFFF"
表格边框背光部分的颜色，使用 bordercolorlight 或 bordercolordark 时 bordercolor 将会失效

一、文字大小、字体、颜色
1. 设置文字大小的属性是"size"他的取值范围是1到7。其中1为最小，7为最大
格式：＜fonr size=文字大小＞被设置的字＜/font＞
2. 设置文字字体属性是"face"
格式：＜font face=文字字体＞被设置的字＜/font＞
3. 设置文字颜色的属性是"color"
格式：＜fonr color=文字颜色＞被设置的字＜/font＞

二、文字其它基础效果
1. 文字加粗：＜b＞被设置的字＜/b＞
2. 文字斜体：＜i＞被设置的字＜/i＞
3. 文字下划线：＜u＞被设置的字＜/u＞
4. 文字删除线：＜s＞被设置的字＜/s＞
5. 文字移动
格式：＜marquee scrollAmount="移动速度" direction="方向" ＞被设置的字＜/marquee＞
设置移动速度属性是scrollAmount，他的取值范围是1到10。其中1为最慢，10为最快
设置移动方向属性是direction，"up"（上），"down"（下），"left"（左），"right"（右）

三、文字段落设置
1. 文字换行：换行标记是＜br＞，放在文字结尾处使得其后的文字在下一行显示
2. 文字段控制：段落标记是＜p＞，放在文字后，使其后文字空一行后换行显示
这里介绍＜p＞标记的一个简单属性："align"用来设置文字段落的对齐方式。
属性值有"center"（居中对齐），"left"（向左对齐），"right"（向右对齐）
格式：＜p align=属性值＞被设置的段落＜/p＞
3. 文字的分区显示：标记为＜div＞，属性同＜p＞
格式：＜div align=属性值＞被设置的段落＜/div＞

四、文字链接设置
1. 点击文字转到链接地址
格式：＜ a href="所要连接的相关地址"＞被设置的字＜/a＞
2. 点击文字在新窗口中打开链接地址
格式：＜a href="相关地址" target="_blank"＞被设置的字＜/a＞

————————————————————————————————————————

特别再说几种竖排的字代码

竖排渐出然后向右移动的字：

代码：

<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=550 height=293>
<MARQUEE style="WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290>
一片枫叶隨风飘 为一个刻意的追求 触摸过海的眼泪 尝过无名河的忧伤 一片枫叶隨风飘 只为一缕伤感的温柔 去探寻梦里的美丽 梦后装点心情的沉重 一片枫叶隨风飘 只为一次曾经的拥有 洒尽一世悲欢离合 享受了春夏秋冬朦胧 一片枫叶隨风飘 为一场剪不断的情愁 曾捕捉瞬间的春意 去温暖那孤寂的心房 一片枫叶隨风飘 曾经为那转身的挥手 那渐行渐远的脚步 伤心泪落梳理着伤痛 一片枫叶隨风飘 掠过大家心灵的天穹 送上柔丝般的话语 唤醒人性青涩的朦胧 一片枫叶隨风飘 抚慰失意积郁的冰封 捧出春天般的心扉 带给大家暖意的消融 一片枫叶隨风飘 走过寂寞滴翠的春梦 掬来晴空中的净水 红遍这片守望的田垅 </MARQUEE></MARQUEE></DIV>

效果：

一片枫叶隨风飘
为一个刻意的追求
触摸过海的眼泪
尝过无名河的忧伤
一片枫叶隨风飘
只为一缕伤感的温柔
去探寻梦里的美丽
梦后装点心情的沉重
一片枫叶隨风飘
只为一次曾经的拥有
洒尽一世悲欢离合
享受了春夏秋冬朦胧
一片枫叶隨风飘
为一场剪不断的情愁
曾捕捉瞬间的春意
去温暖那孤寂的心房
一片枫叶隨风飘
曾经为那转身的挥手
那渐行渐远的脚步
伤心泪落梳理着伤痛
一片枫叶隨风飘
掠过大家心灵的天穹
送上柔丝般的话语
唤醒人性青涩的朦胧
一片枫叶隨风飘
抚慰失意积郁的冰封
捧出春天般的心扉
带给大家暖意的消融
一片枫叶隨风飘
走过寂寞滴翠的春梦
掬来晴空中的净水
红遍这片守望的田垅

竖排向上：

竖排渐出字代码

<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 direction=up behavior=slide loop=1 width=550 height=293>
<MARQUEE style="WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=550 height=290>
一片枫叶隨风飘 为一个刻意的追求 触摸过海的眼泪 尝过无名河的忧伤 一片枫叶隨风飘 只为一缕伤感的温柔 去探寻梦里的美丽 梦后装点心情的沉重 一片枫叶隨风飘 只为一次曾经的拥有 洒尽一世悲欢离合 享受了春夏秋冬朦胧 一片枫叶隨风飘 为一场剪不断的情愁 曾捕捉瞬间的春意 去温暖那孤寂的心房 一片枫叶隨风飘 曾经为那转身的挥手 那渐行渐远的脚步 伤心泪落梳理着伤痛 一片枫叶隨风飘 掠过大家心灵的天穹 送上柔丝般的话语 唤醒人性青涩的朦胧 一片枫叶隨风飘 抚慰失意积郁的冰封 捧出春天般的心扉 带给大家暖意的消融 一片枫叶隨风飘 走过寂寞滴翠的春梦 掬来晴空中的净水 红遍这片守望的田垅 </MARQUEE></MARQUEE></DIV>

效果：

竖排字从左向右上方移动代码

竖排渐出然后向上移动的字：

代码：

<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=550 height=293>
<MARQUEE style="WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=left width=550 height=290>
一片枫叶隨风飘 为一个刻意的追求 触摸过海的眼泪 尝过无名河的忧伤 一片枫叶隨风飘 只为一缕伤感的温柔 去探寻梦里的美丽 梦后装点心情的沉重 一片枫叶隨风飘 只为一次曾经的拥有 洒尽一世悲欢离合 享受了春夏秋冬朦胧 一片枫叶隨风飘 为一场剪不断的情愁 曾捕捉瞬间的春意 去温暖那孤寂的心房 一片枫叶隨风飘 曾经为那转身的挥手 那渐行渐远的脚步 伤心泪落梳理着伤痛 一片枫叶隨风飘 掠过大家心灵的天穹 送上柔丝般的话语 唤醒人性青涩的朦胧 一片枫叶隨风飘 抚慰失意积郁的冰封 捧出春天般的心扉 带给大家暖意的消融 一片枫叶隨风飘 走过寂寞滴翠的春梦 掬来晴空中的净水 红遍这片守望的田垅 </MARQUEE></MARQUEE></DIV>

效果：

竖排渐出然后向下移动：

代码：

<DIV align=center>
<MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=550 height=293>
<MARQUEE style="WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=left width=550 height=290>
一片枫叶隨风飘 为一个刻意的追求 触摸过海的眼泪 尝过无名河的忧伤 一片枫叶隨风飘 只为一缕伤感的温柔 去探寻梦里的美丽 梦后装点心情的沉重 一片枫叶隨风飘 只为一次曾经的拥有 洒尽一世悲欢离合 享受了春夏秋冬朦胧 一片枫叶隨风飘 为一场剪不断的情愁 曾捕捉瞬间的春意 去温暖那孤寂的心房 一片枫叶隨风飘 曾经为那转身的挥手 那渐行渐远的脚步 伤心泪落梳理着伤痛 一片枫叶隨风飘 掠过大家心灵的天穹 送上柔丝般的话语 唤醒人性青涩的朦胧 一片枫叶隨风飘 抚慰失意积郁的冰封 捧出春天般的心扉 带给大家暖意的消融 一片枫叶隨风飘 走过寂寞滴翠的春梦 掬来晴空中的净水 红遍这片守望的田垅 </MARQUEE></MARQUEE></DIV>

效果：

______________

一、html代码：
1、基本语法：
插入文字

2、属性如下：
align=center　表示字体居中，可选值为居右（right）居左（left）
color=颜色代码　ff0000(红色) 00ff00(绿色) 0000ff(蓝色) 000000(黑色) ffffff(白色)

 还可以改变数值,变化出若干种颜色,如:ff5577, 33ff99, 8855ff,数值不同,

 颜色就不同了.例如，红色就表示为：color=#ff0000

face=字体　说明:需要什么字体就输入什么字体几个字,如,我要“华文行楷”，就表示为：

 face=华文行楷
size=字体大小 如，size=1 size=2 size=5

3、效果：

相逢何必曾相识，缘聚缘散皆有缘

4

<DIV align=center>
<DIV style="FILTER: shadow(color=#FF0000, strength=60); WIDTH: 480px">〈玫瑰夫人〉欢迎你 </DIV></DIV>

〈玫瑰夫人〉

欢迎你

　

5 金边红字代码:

<DIV style="FILTER: glow(color=#E4DC9B, strength=5); WIDTH: 700px">玫瑰夫人欢迎您</DIV>

效果：

玫瑰夫人欢迎您

6 用闪图做特效字：

代码:


<TABLE cellSpacing=0 cellPadding=0 width=692 align=center background=http://www.fshome.com.cn/bbs/UploadFile/200551319401338301.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE width=700 align=center background=http://www.2000y.net/bbs/UploadFile/2005-8/200582622595025744.jpg>
<TBODY>
<TR>
<TD align=middle>
玫瑰夫人欢迎您！</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<DIV></DIV> 


效果：

　

玫瑰夫人欢迎您！

　

————————————————————————

玫瑰夫人
~欢迎你~

此特效代码如下：<DIV style="FILTER: shadow(color=#FF0000 , strength=60); WIDTH: 480px"><CENTER> 玫瑰夫人<CENTER> <CENTER> ~欢迎你~</CENTER></DIV> 

欢迎你

此特效代码如下：<DIV style="FILTER: shadow(color=#FF0000, strength=60); WIDTH: 480px">欢迎你 </DIV> 

欢迎你

此特效代码如下：<DIV style="FILTER: glow(color=#c299ff, strength=60); WIDTH: 400px"> 欢迎你 </DIV> 
玫瑰夫人

此特效代码如下：<MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10">玫 </MARQUEE><MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10">瑰</MARQUEE><MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10">夫</MARQUEE><MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10">人</MARQUEE> </CENTER> 

读你

此特效代码如下：<TABLE cellSpacing=0 cellPadding=0 align=center background=Lonely.jpg><TBODY><TR><TD style="FILTER: chroma(color=#336699)"><TABLE cellSpacing=0 cellPadding=0 align=center background=LonelyBg.jpg><TBODY><TR><TD align=middle>读你</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE> 
字跳舞

此特效代码如下：<MARQUEE scrollAmount=8 direction=right behavior=alternate><MARQUEE direction=up behavior=alternate width=40 height=60 align="middle">字</MARQUEE><MARQUEE direction=up behavior=alternate width=40 height=80>跳</MARQUEE> <MARQUEE direction=up behavior=alternate width=40 height=60>舞</MARQUEE></MARQUEE></CENTER> 
欢迎你
此特效代码如下：欢迎你</CENTER> 

欢迎你

此特效代码如下：<DIV style="FONT-SIZE: 50pt; FILTER: dropshadow(color=000000, offx=10, offy=10, positive=10); WIDTH:500px; COLOR: red; FONT-FAMILY: Arial; POSITION: relative">欢迎你</DIV> 
欢迎光临

此特效代码如下：欢迎光临 
音画时尚

此特效代码如下：音画时尚</DIV></DIV> 
字体
此特效代码如下：字体</CENTER> 

有你而精彩

此特效代码如下：有你而精彩 Shadow滤镜与Drop Shadow的影子特性不同，Shadow滤镜产生一种阴影效果，它的属性比较简单： color属性：阴影颜色； direction属性：阴影角度，值取0至360度

精彩人生

此特效代码如下：精彩人生</CAPTION>

滤镜让你更精彩

此特效代码如下：滤镜1 Alpha滤镜从效果中我们可以看出，Alpha滤镜使对象呈渐变透明的效果，其效果是由脚本中的filter:alpha(opacity=100,style=3)来决定的。其中：opacity属性：设置透明度，取值0至100之间的任意数值，100表示完全不透明；style属性：设置渐变风格，0表示均匀渐变，1表示线性渐变，2表示放射渐变，3表示直角渐变。而width:100%则表示参与渐变的对象的宽度，通常都设置为100%

愿你喜欢它

此特效代码如下：愿你喜欢它 Motion Blur滤镜 Motion Blur滤镜表现的是一种模糊效果。其ADD属性是用来确定是否在运动模糊中使用原有目标，其值为0和1，0表示“否”，用于文字，1表示“是”，用于图像；Direction属性是模糊移动的角度，其值为0至360度；Strength属性是模糊移动的距离。 

学会了吗?

此特效代码如下：学会了吗? Wave滤镜此滤镜对过滤对象生成正弦波变形，造成一种变幻效果。内嵌属性：add属性：布尔型，0或1，0表示将原始对象加入最后效果中，1则反之；freq属性：决定显示的频率，即应出现多少个波形；phrase属性：决定波形的形状，值取0至360之间； strength属性：决定波形的振幅。 

又一种滤镜

此特效代码如下：又一种滤镜Glow滤镜生成一种光晕效果。属性：color属性：光晕颜色；strength：光晕的厚度。 

圈边的字

此特效代码如下：<CENTER> <DIV style="FONT-SIZE: 32pt; FILTER: glow(color=ffff00, strength=5); WIDTH: 350px; COLOR: red; FONT-FAMILY: Arial; POSITION: relative">圈边的字</DIV></DIV> 

右阴影的字

此特效代码如下：<CENTER> <DIV style="FONT-SIZE: 52pt; FILTER: dropshadow(color=000000, offx=3, offy=3, positive=1); WIDTH: 350px; COLOR: red; FONT-FAMILY: Arial; POSITION: relative">右阴影的字</DIV></DIV> 

透明字

你好棒！

此特效代码如下：<CENTER> <TABLE cellSpacing=0 cellPadding=0 background=http://bbs.sbrw.org/UploadFile/2004-6/2004626171411674.gif> <TBODY><TR><TD style="FILTER: chroma(color=#336699)"> <TABLE align=center bgColor=#83072D><TBODY><TR> <TD>你好棒！</TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></CENTER> </DIV> 

波纹字：
水样字好看吗?

此特效代码如下：水样字好看吗?</DIV> 



二、设置大字体的文字:
1、基本语法：
插入文字

2、属性如下：
font:30pt　数值越大文字就越大

3、效果：
相逢何必曾相识，缘聚缘散皆有缘

三、设置可移动的文字：
1、上下左右移动：

基本语法：
<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

说明:移动速度数值,1最慢,数字越大越快.

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

代入例子: direction=up(这是向上例子)

效果：
向上：

欢迎光临玫瑰夫人博客!

向下：

欢迎光临玫瑰夫人博客!

向左：

欢迎光临玫瑰夫人博客!

向右：欢迎光临玫瑰夫人博客!

这里：

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

★文字走马灯效果代码
<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、抛射字体基本语法:

<DIV align=center>
<DIV style="FILTER: shadow(color=#FF3322
, strength=60); WIDTH: 480px; HEIGHT: 121px">
<CENTER>抛射字体</CENTER>
<DIV align=left> </DIV></DIV></DIV>
 

效果：

抛射字体

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、原地跳动文字

<DIV></DIV>
<CENTER>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER>原</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER>地</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER>跳</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER>动</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER>文</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER>字</CENTER></MARQUEE></CENTER>

看看效果吧！

我们一起跳啊

8、交替跳跃文字:

<DIV></DIV>
<CENTER>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER>交</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER>替</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER>跳</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER>跃</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER>文</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER>字</CENTER></MARQUEE></MARQUEE></CENTER>

看看效果吧！

玫瑰夫人博客

9、穿梭文字:


<CENTER>
<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center">穿　穿</MARQUEE><IMG height=67 src="图片地址" width=109> 
<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center">梭梭</MARQUEE><IMG height=67 src="图片地址" width=109> 
<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center">文文</MARQUEE><IMG height=67 src="图片地址" width=109> 
<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center">字字</MARQUEE></CENTER>


看看效果吧!

穿　穿 梭梭 文文 字字

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的范围内比较好
<marquee direction=left><marquee behavior=alternate direction=up height=100><img src=http://www.zzi.cc/sck/gif/wp5/h-red.gif><img src=图片地址>我在追“心”</marquee></marquee>

看看效果吧!

衡阳雁去无留意

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>

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

<TABLE align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0024.gif border=5>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle>玫瑰夫人欢迎您光临</TD></TR></TBODY></TABLE>

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

欢迎您光临
玫瑰夫人博客

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

<DIV style="PADDING-RIGHT: 0px; MARGIN-TOP: 10px; FONT-SIZE: 9pt; OVERFLOW-X: hidden; WIDTH: 97%; WORD-BREAK: break-all; TEXT-INDENT: 24px; LINE-HEIGHT: normal; HEIGHT: 200px; WORD-WRAP: break-word" auto';">
 
<TABLE height=400 cellSpacing=0 cellPadding=0 width=580 align=center background=http://photo.qingdaonews.com/qdPhotoNet/photo/2004-11/20041124213317.jpg border=3>
<TBODY>
<TR>
<TD>

<MARQUEE scrollAmount=3 direction=up>
朋友您好！
亲自动手！
体验成功！</MARQUEE></TD></TR></TBODY></TABLE></DIV>

看看效果吧!

朋友您好！

亲自动手！

体验成功！

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://img.blog.163.com/photo/C8QEjwHKQyx4QaMBtwr9qQ==/4512043876672178758.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.立体镂空字基本语法:

<DIV style="FILTER: shadow(color=#ff4400, strength=40); WIDTH: 708px; HEIGHT: 483px">玫瑰夫人 </DIV>

看看效果吧!

玫瑰夫人



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 带背景字体：

花自飘零水自流

<div style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书">相见时难别亦难</div>

<div style="FONT-SIZE: 30pt; FILTER: shadow(color=#87CEFA, strength=50); WIDTH: 499px; HEIGHT: 89px">
D 蓝色立体字：

<CENTER>无言独上西楼月如钩</CENTER></div>

e 上下交替移动立体字：

<DIV style="FONT-SIZE: 30pt; FILTER: shadow(color=#87CEFA, strength=50); WIDTH: 499px; HEIGHT: 89px">
<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 direction=up behavior=alternate width=60 height=80>客</MARQUEE></DIV>

效果：

天生我材必有用

投射阴影效果

为伊消得人憔悴

花自飘零水自流

相见时难别亦难

无言独上西楼月如钩

欢迎光临我的博客

19 颗粒边缘上下跳动的字：

<CENTER>
<MARQUEE direction=up behavior=alternate width=120 height=300>
<CENTER>玫</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER>瑰</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=300>
<CENTER>夫</CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=120 height=240>
<CENTER>人</CENTER></MARQUEE></CENTER>
　

玫瑰夫人

双击自动滚屏

　　相关评论:　　　　

没有相关评论

　　发表评论:　　　　

用户名：
电子邮件：
评论内容：
（最多评论字数：500）

联系人：“心缘之梦”微信群yueyuanzhongqiu20080815　　　