.

日志

关于我

艺轩古建彩绘

艺轩古建彩画部, 彩绘贴金古装饰, 继承传统又创新, 信誉质量拓新路！............ 网上博客古艺轩, 休闲之余来开心, 搜集资料和学习, 相互交流结福缘！

文章分类

〖引用海珠儿文字特效代码〗

2008-02-29 14:38:15| 分类：【代码素材】 | 标签： |举报 |字号大中小订阅

下载LOFTER 我的照片书 |

引用

阿琴的〖引用海珠儿文字特效代码〗

运用html代码对文字的处理

一、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、效果：

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

二、设置大字体的文字:(经校对验证,可用)

1、基本语法：
插入文字

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

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

三、设置可移动的文字：(经校对验证,可用)
1、上下左右移动：

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

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

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

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

效果：
向上：欢迎光临海珠儿博客!

向下：欢迎光临海珠儿博客!

向左：欢迎光临海珠儿博客!

向右：欢迎光临海珠儿博客!

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>

说明:如果不显示图片,就干脆把<IMG src="图片地址">这个图片路径代码删掉.
效果：

欢迎光临海珠儿博客!

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="http://love.xaonline.com/upload/2004612/UF488696.gif"> 欢迎光临 

<IMG src="http://love.xaonline.com/upload/2004612/UF488696.gif">海珠儿博客乐园 请上我的浏览导航</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、文字、字体和颜色可以变动。

看看效果吧！

淡妆浓抹总相宜

运用html代码对文字的处理

一、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、效果：

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

二、设置大字体的文字:(经校对验证,可用)

1、基本语法：
插入文字

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

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

三、设置可移动的文字：(经校对验证,可用)
1、上下左右移动：

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

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

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

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

效果：
向上：欢迎光临海珠儿博客!

向下：欢迎光临海珠儿博客!

向左：欢迎光临海珠儿博客!

向右：欢迎光临海珠儿博客!

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>

说明:如果不显示图片,就干脆把<IMG src="图片地址">这个图片路径代码删掉.
效果：

欢迎光临海珠儿博客!

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="http://love.xaonline.com/upload/2004612/UF488696.gif"> 欢迎光临 

<IMG src="http://love.xaonline.com/upload/2004612/UF488696.gif">海珠儿博客乐园 请上我的浏览导航</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、文字、字体和颜色可以变动。

看看效果吧！

淡妆浓抹总相宜

评论这张

转发至微博

阅读(677)| 评论(0)

历史上的今天

this.p={ m:2,
 b:2,
 loftPermalink:'',
 id:'fks_084066084094085066093085081095086086087064082094084074',
 blogTitle:' 〖引用海珠儿文字特效代码〗',
 blogAbstract:'<P\><EM\>引用</EM\></P\> <BLOCKQUOTE\><A target=\"_blank\" href=\"http://yxq4416344.blog.163.com/\" \>阿琴</A\> 的 <A target=\"_blank\" href=\"http://yxq4416344.blog.163.com/blog/static/41182319200782901152497\" \>〖引用海珠儿文字特效代码〗</A\><BR\> <P\> <STRONG\>运用html代码对文字的处理</FONT\></STRONG\> </P\> <BLOCKQUOTE\> <P\>一、html代码：(经校对验证,可用)<BR\>1、基本语法：<BR\>插入文字</P\> <P\>2、属性如下：<BR\>align=center　表示字体居中，可选值为居右（right）居左（left）<BR\>color=颜色代码　ff0000(红色) 00ff00(绿色) 0000ff(蓝色) 000000(黑色) ffffff(白色)</P\> <P\>              还可以改变数值,变化出若干种颜色,如:ff5577, 33ff99, 8855ff,数值不同,</P\> <P\></P\></BLOCKQUOTE\></BLOCKQUOTE\>',
 blogTag:'',
 blogUrl:'blog/static/20636829200812923815558',
 isPublished:1,
 istop:false,
 type:2,
 modifyTime:1317199543582,
 publishTime:1204267095558,
 permalink:'blog/static/20636829200812923815558',
 commentCount:0,
 mainCommentCount:0,
 recommendCount:0,
 bsrk:-100,
 publisherId:0,
 recomBlogHome:false,
 currentRecomBlog:false,
 attachmentsFileIds:[],
 vote:{},
 groupInfo:{},
 friendstatus:'none',
 followstatus:'unFollow',
 pubSucc:'',
 visitorProvince:'',
 visitorCity:'',
 visitorNewUser:false,
 postAddInfo:{},
 mset:'000',
 mcon:'',
 srk:-100,
 remindgoodnightblog:false,
 isBlackVisitor:false,
 isShowYodaoAd:false,
 hostIntro:'艺轩古建彩画部, 彩绘贴金古装饰, 继承传统又创新, 信誉质量拓新路！............\n网上博客古艺轩, 休闲之余来开心, 搜集资料和学习, 相互交流结福缘！',
 hmcon:'1',
 selfRecomBlogCount:'0',
 lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
 }

{list a as x}
 {if !!x}
 <div class="iblock nbw-fce nbw-f40">
 <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
 {if x.visitorName==visitor.userName}
 <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
 {else}
 <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
 {/if}
 </a>
 <div class="cwd vname thide">
 {if x.moveFrom=='wap'}
 <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"> </a>
 {elseif x.moveFrom=='iphone'}
 <a class="noul pnt" target="_blank"> </a>
 {elseif x.moveFrom=='android'}
 <a class="noul pnt" target="_blank"> </a>
 {elseif x.moveFrom=='mobile'}
 <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"> </a>
 {/if}
 <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
 ${fn(x.visitorNickname,8)|escape}
 </a>
 </div>
 </div>
 {/if}
 {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

推荐过这篇日志的人：
 <div>
 {list a as x}
 {if !!x}
 <div class="iblock nbw-fce nbw-f40">
 <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
 <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
 </a>
 <div class="cwd thide">
 <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
 ${fn(x.recommenderNickname,6)|escape}
 </a>
 </div>
 </div>
 {/if}
 {/list}
 </div>
 {if !!b&&b.length>0}
 他们还推荐了：
 <ul>
 {list b as y}
 {if !!y}
 <li class="rrb">·<a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/20636829200812923815558">${y.recommendBlogTitle|escape}</a></li>
 {/if}
 {/list}
 </ul>
 {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
 {if !!x}
 <div class="hotItem iblock nbw-fce nbw-f40">
 <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
 {if x.publisherUsername==visitor.userName}
 <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
 {else}
 <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
 {/if}
 </a>
 <div class="cwd vname thide">
 <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
 ${fn(x.publisherNickname,8)|escape}
 </a>
 </div>
 <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
 </div>
 {/if}
 {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

.

导航

日志

〖引用海珠儿文字特效代码〗

历史上的今天

最近读者

热度

评论

页脚