文字{tx}代码(玫瑰丽人原创2010.4.22修正)

文字{tx}代码(玫瑰丽人原创2010.4.22修正)

2010-06-06 14:53:41 阅读6 评论0 字号:

 引用

 


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

<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: 600px; WORD-WRAP: break-word" auto?;?>
<P align=center><BR>
<TABLE height=600 cellSpacing=0 cellPadding=0 width=500 align=center background=图片地址 border=3>
<TBODY>
<TR>
<TD>
<P align=center>
<MARQUEE scrollAmount=3 direction=up>
<P align=center><FONT face=华文行楷 color=#ff0000 size=8>美丽青春</FONT></P>
<P align=center><FONT face=华文行楷 color=#ff0000 size=8>美好回忆</FONT></P>
<P align=center><FONT face=华文行楷 color=#ff0000 size=8>美伦美焕</FONT></P></MARQUEE></P></TD></TR></TBODY></TABLE></P></DIV>

效果见上面.

二.竖排渐出字基本语法

竖排渐出字

<DIV align=left><FONT color=#808000>
<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=500 height=250>
<P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: {bfb}; COLOR: #caff70; LINE-HEIGHT: 130%; FONT-FAMILY: 方正姚体" color=#ff0000>春江花月夜---张若虚</FONT></P>
<P align=left><FONT style="FONT-SIZE: 18pt; FILTER: WIDTH: {bfb}; COLOR: #caff70; LINE-HEIGHT: 130%; FONT-FAMILY: 方正姚体" color=#ff0000>春江潮水连海平,<BR>海上明月共潮生. <BR>滟滟随波千万里,<BR>何处春江无月明!<BR>江流宛转绕芳甸,<BR>月照花林皆似霰; <BR>空里流霜不觉飞, <BR>汀上白沙看不见。 <BR>江天一色无纤尘,<BR>皎皎空中孤月轮。 <BR>江畔何人初见月? <BR>江月何年初照人? <BR>人生代代无穷已, <BR>江月年年望相似。 <BR>不知江月待何人, <BR>但见长江送流水。 <BR>白云一片去悠悠, <BR>青枫浦上不胜愁。   <BR>谁家今夜扁舟子?<BR>何处相思明月楼?<BR>可怜楼上月徘徊,<BR>应照离人妆镜台。<BR>玉户帘中卷不去,<BR>捣衣砧上指还来。<BR>此时相望不相闻,<BR>愿逐月华流照君。<BR>鸿雁长飞光不度, <BR>鱼龙潜跃水成文。<BR>昨夜闲潭梦落花,<BR>可怜春半不还家。<BR>江水流春去欲尽,<BR>江潭落月复西斜。<BR>斜月沉沉藏海雾,<BR>碣石潇湘无限路。<BR>不知乘月几人归,<BR>落月摇情满江树。<BR><BR></FONT></P></MARQUEE></FONT></MARQUEE><BR></DIV></FONT>

春江花月夜---张若虚

春江潮水连海平,
海上明月共潮生.
滟滟随波千万里,
何处春江无月明!
江流宛转绕芳甸,
月照花林皆似霰;
空里流霜不觉飞,
汀上白沙看不见。
江天一色无纤尘,
皎皎空中孤月轮。
江畔何人初见月?
江月何年初照人?
人生代代无穷已,
江月年年望相似。
不知江月待何人,
但见长江送流水。
白云一片去悠悠,
青枫浦上不胜愁。  
谁家今夜扁舟子?
何处相思明月楼?
可怜楼上月徘徊,
应照离人妆镜台。
玉户帘中卷不去,
捣衣砧上指还来。
此时相望不相闻,
愿逐月华流照君。
鸿雁长飞光不度,
鱼龙潜跃水成文。
昨夜闲潭梦落花,
可怜春半不还家。
江水流春去欲尽,
江潭落月复西斜。
斜月沉沉藏海雾,
碣石潇湘无限路。
不知乘月几人归,
落月摇情满江树。


看看添加背景后的效果

春江花月夜---张若虚

春江潮水连海平,
海上明月共潮生.
滟滟随波千万里,
何处春江无月明!
江流宛转绕芳甸,
月照花林皆似霰;
空里流霜不觉飞,
汀上白沙看不见。
江天一色无纤尘,
皎皎空中孤月轮。
江畔何人初见月?
江月何年初照人?
人生代代无穷已,
江月年年望相似。
不知江月待何人,
但见长江送流水。
白云一片去悠悠,
青枫浦上不胜愁。  
谁家今夜扁舟子?
何处相思明月楼?
可怜楼上月徘徊,
应照离人妆镜台。
玉户帘中卷不去,
捣衣砧上指还来。
此时相望不相闻,
愿逐月华流照君。
鸿雁长飞光不度,
鱼龙潜跃水成文。
昨夜闲潭梦落花,
可怜春半不还家。
江水流春去欲尽,
江潭落月复西斜。
斜月沉沉藏海雾,
碣石潇湘无限路。
不知乘月几人归,
落月摇情满江树。


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

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

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

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

<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>
<P align=center><FONT face=隶书 color=#00ff00 size=6 ff><B>要加的文字 </B></FONT></P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>

 说明:A、图片地址自己输入;B、文字、字体和颜色可以变动。

看看效果吧!

、设置可移动的文字:
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>

效果:

海内存知己,天涯若比邻.

五、html代码:
1、基本语法:
<P align=center><FONT color=#0066ff face=隶书 size=5>插入文字</FONT></P>

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、基本语法:
<font style=font:30pt face=新宋体 color=#ff0000>插入文字</font>2、属性如下:
font:30pt 数值越大文字就越大3、效果:

一壶浊酒喜相逢,今古多少事,都付笑谈中.
七、设计不同{tx}的文字:

1、基本语法:
<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=660> <IMG src="图片地址"><FONT color=red face=楷体_gb2312 size=6>插入文字</FONT></MARQUEE></MARQUE></MARQUEE>

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

玉在椟中求善价,钗于奁内待时飞.

2、基本语法:
<P align=center><FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=350>插入文字</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=350>插入相反的文字</MARQUEE></FONT></FONT></P>

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

效果:

 

我的天空因你而精彩!

我的天空因你而精彩!

3、基本语法:
<P align=center><FONT style="BACKGROUND-COLOR: #00ffOO" color=#00ff88 size=6>插入文字</FONT></P>效果:

欢迎联系email:wr0451@163.com

QQ:104053251

4、彩色字体基本语法:

 </font><br>
<P align=center><STRONG><FONT size=6><FONT face=华文新魏><FONT color=#ff0000>业
</FONT><FONT color=#ff8900>精</FONT><FONT color=#92c000>于</FONT><FONT color=#00c024>勤</FONT><FONT color=#00c0da>行</FONT><FONT color=#0053ff>成</FONT><FONT color=#4800ff> 于</FONT><FONT color=#ff00ff>思</FONT></FONT></FONT></STRONG></P>

看看效果吧!

5、抛射字体基本语法:

<DIV align=center>
<DIV style="FILTER: shadow(color=#FF3322
, strength=60); WIDTH: 480px; HEIGHT: 121px"><FONT face=华文彩云 color=#ff0000 size=7><B>
<CENTER>抛射字体</B></CENTER></FONT>
<DIV align=left><BR><BR></DIV></DIV></DIV>
<P align=left> </P>

看看效果吧!


 

6、由中间向两边移动文字基本语法:

<P align=center> </P>
<P align=center><FONT face=华文彩云 color=#ee110e siz

e=5>
<MARQUEE width=200 height=50><IMG onmousewheel="r

eturn bbimg(this)" style="CURSOR: pointer" src="图片地址" >由中间

向两边移动的文字和图像 </FONT></MARQUEE><FONT face=华

文彩云 color=#ee110e size=5><FONT face=华文彩云 color=#ee1

111 size=5>
<MARQUEE direction=right width=200 height=50>由中间向

两边移动的文字和图像<IMG onmousewheel="return bbimg

(this)" s

tyle="CURSOR: pointer" src="图片地址" ></FONT></MARQUEE><

/FONT></FONT></P></FONT>

看看效果吧!

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

 

7、原地跳动文字基本语法

<DIV></DIV></B>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: {bfb}; COLOR: #0033ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>原</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>地</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>动</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>文</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=60 height=120>
<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>

看看效果吧!

8、交替跳跃文字基本语法:

<DIV></DIV></B>
<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: {bfb}; COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>交</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>替</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>跳</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>跃</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80>
<CENTER><B>文</B></CENTER></MARQUEE>
<MARQUEE direction=up behavior=alternate width=80 height=160>
<CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTER>

看看效果吧!

9、穿梭文字基本语法:

<P><STRONG></STRONG></P>
<CENTER>
<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#cf34f6 size=6>穿 穿</FONT></B></MARQUEE><STRONG><IMG height=67 src="图片地址" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#ff0000 size=6>梭 梭</FONT></B></MARQUEE><STRONG><IMG height=67 src="图片地址" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#0033cc size=6>文 文</FONT></B></MARQUEE><STRONG><IMG height=67 src="图片地址" width=109> </STRONG>
<MARQUEE scrollAmount=2 width=60 height=67 scrolldely="10" align="center"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#006633 size=6>字 字</FONT></B></MARQUEE></CENTER>
<P></P>

看看效果吧!

穿 穿文字{tx}代码(王锐原创) - 王锐 - 梭 梭文字{tx}代码(王锐原创) - 王锐 - 文 文文字{tx}代码(王锐原创) - 王锐 - 字 字

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

<marquee direction=right><marquee behavior=alternate direction=up height=200><font color=0000ff size=4 face=华文行楷><b>!你迎欢</b></font><br><img src=图片地址><img src=图片地址><img src=图片地址></marquee><br></marquee>

看看效果吧!

!你迎欢
文字{tx}代码(玫瑰丽人原创) - 玫瑰丽人 - 玫瑰丽人文字{tx}代码(玫瑰丽人原创) - 玫瑰丽人 - 玫瑰丽人文字{tx}代码(玫瑰丽人原创) - 玫瑰丽人 - 玫瑰丽人

 

 

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=图片地址><font color=0000ff size=3 face=华文行楷>我在追“心”</b></font></marquee></marquee>

看看效果吧!

文字{tx}代码(玫瑰丽人原创) - 玫瑰丽人 - 玫瑰丽人 文字{tx}代码(玫瑰丽人原创) - 玫瑰丽人 - 玫瑰丽人 文字{tx}代码(玫瑰丽人原创) - 玫瑰丽人 - 玫瑰丽人
衡阳雁去无留意

12、基本语法:

<CENTER><FONT face=隶书 color=red size=25>
<MARQUEE direction=up behavior=alternate width=60 height=120>诗</MARQUEE><FONT color=yellow>
<MARQUEE direction=up behavior=alternate width=60 height=80>情</MARQUEE><FONT color=brown>
<MARQUEE direction=up behavior=alternate width=60 height=120>画</MARQUEE><FONT color=green>
<MARQUEE direction=up behavior=alternate width=60 height=80>意</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=60 height=120>带</MARQUEE><FONT color=yellow>
<MARQUEE direction=up behavior=alternate width=60 height=80>笑</MARQUEE><FONT color=orange>
<MARQUEE direction=up behavior=alternate width=60 height=120>语</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT

看看效果吧!

13、彩光闪动文字的基本语法:

说明:1、红色处的值均可改动,border=5是边宽   color=#是颜色(背景) SIZE:50ptJ是字的大小

      2、字体可以变化; 3、如果字要换行,就在换行处加<br>; 4、以下同上,不作重述。

{dy}种代码:<TABLE align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0015.gif border=5>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 40pt" face=隶书 color=#336699><B>多种彩色闪动字效果</B></FONT></TD></TR></TBODY></TABLE>
第二种代码:<TABLE align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0001.gif border=5>
<TBODY>
<TR>
<TD style="FILTER: mask(color=#000000)" align=middle><FONT style="FONT-SIZE: 40pt" face=隶书 color=#336699><B>多种彩色闪动字效果</B></FONT></TD></TR></TBODY></TABLE>

祥细请看

<#--{zx1}日志--> <#--推荐日志--> <#--引用记录--> <#--相关日志--> <#--推荐日志--> <#--推荐阅读--> <#--相关文章--> <#--历史上的今天--> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构-->
郑重声明:资讯 【文字{tx}代码(玫瑰丽人原创2010.4.22修正)】由 发布,版权归原作者及其所在单位,其原创性以及文中陈述文字和内容未经(企业库qiyeku.com)证实,请读者仅作参考,并请自行核实相关内容。若本文有侵犯到您的版权, 请你提供相关证明及申请并与我们联系(qiyeku # qq.com)或【在线投诉】,我们审核后将会尽快处理。
—— 相关资讯 ——