注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

情感在线的博客

 
 
 

日志

 
 

【转载】博客文字特效代码  

2014-06-05 11:26:47|  分类: 电脑网络知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自心缘宝贝《博客文字特效代码》
 

博客文字特效代码 - 心缘宝贝 - 【心缘宝贝工作室】

 

 

〖文字篇〗

一、文字大小、字体、颜色

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>

五、文字特效

1. 彩色字体色彩绚丽

彩色字体色彩绚丽

<P align=center><STRONG><FONT face=华文行楷><FONT size=7><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>

2. 阴影字体

阴影字体

<P align=center><FONT size=7 style="FILTER: shadow(color=333366); WIDTH: 500px; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷; HEIGHT: 51px"阴影字体</FONT></P>

3. 围边字体

围边字体

<P align=center><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=5); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷">围边字体</FONT></p>

4. 投影字体

 投影字体

</FONT><BR> <P align=center></P> <P align=center><FONT size=7 style="FONT-WEIGHT: bolder; FONT-FAMILY: 华文行楷; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px" color=red>投影字体</FONT></CAPTION> <BR></CAPTION></P>

5. 抛射字体

抛射字体

<DIV style="FILTER: shadow(color=#FF9999, strength=60); WIDTH: 480px; HEIGHT: 121px" align=center><FONT face=华文行楷 color=red size=7><B><CENTER>抛射字体</CENTER></B></FONT><BR><BR></DIV>

6. 倒影字体

倒影字体倒影字体

<P align=center><FONT SIZE=7 style="WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B><EM>倒影字体</EM></B></FONT><FONT SIZE=7 style="FILTER: FlipV; WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"><B><EM>倒影字</EM></B></FONT></P>

7. 向上移动的文字

向上移动的文字

<P align=center><TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="100%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR><DIV align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=5 direction=up><P align=cente><FONT face=华文行楷 color=RED size=6><B>向上移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

8. 向下移动的文字

向下移动的文字

<P align=center><TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="100%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR><DIV align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=down><P align=center><FONT face=华文行楷color=RED size=6><b>向下移动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

9. 向左移动的文字

 

向左移动的文字

<P align=center><BR></P><P align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=5 direction=left><P align=center><FONT face=华文行楷 color=red size=6><B>向左移动的文字</B></FONT></P></MARQUEE></P>

10. 向右移动的文字

 

向右移动的文字

<P align=center<BR></P><P align=center><MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=5 direction=right><P align=center><FONT face=华文行楷 color=red size=6><B>向右移动的文字</B></FONT></P></MARQUEE></P>

11. 由中间向两边移动的文字 由中间向两边移动的文字 由中间向两边移动的文字

<P align=center><MARQUEE width=200 height=50><FONT face=华文行楷 color=red size=6>由中间向两边移动的文字</font></MARQUEE><MARQUEE direction=right width=200 height=50><FONT face=华文行楷 color=red size=6>由中间向两边移动的文字</FONT></MARQUEE></P>

12. 由上下向中间移动的文字

由上下向中间移动的文字

由上下向中间移动的文字

<BR> <P align=center> <BR> <MARQUEE scrollAmount=2 direction=down height=60> <BR> <FONT face=华文行楷 color=red size=6><B>由上下向中间移动的文字</B></FONT></MARQUEE> <BR> <MARQUEE scrollAmount=2 direction=up height=60> <FONT face=华文行楷 color=red size=6><B>由上下向中间移动的文字</B></FONT></MARQUEE><BR>

13. 双排向上运动的字

双排向上运动的字 双排向上运动的字

< p>

<p align=center><MARQUEE scrollAmount=3 direction=up height=60><CENTER><FONT face=华文行楷 color=RED size=6><b>双排向上运动的字</B></FONT></CENTER></MARQUEE><p align=center><MARQUEE scrollAmount=3 direction=up height=60><CENTER><FONT face=华文行楷 color=RED size=6>双排向上运动的字</B></FONT></CENTER></MARQUEE></p></p>

14. 双排向下运动的字

双排向下运动的字 双排向下运动的字 

<p align=CENTER><MARQUEE scrollAmount=3 direction=down height=60><CENTER><FONT face=华文行楷 color=RED size=6><b>双排向下运动的字</FONT></CENTER></B></MARQUEE><CENTER><MARQUEE scrollAmount=3 direction=down height=60><CENTER><FONT face=华文行楷 color=RED size=6><B>双排向下运动的字</FONT></CENTER></B></MARQUEE></p></p>

15. 来回走动的文字

来回走动的文字

<TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="100%" border=0><TBODY><TR><TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 40pt" width="100%"><DIV align=center><MARQUEE scrollAmount=8 behavior=alternate ?WIDTH: 397px; HEIGHT: 200px?><P align=center><FONT face=华文行楷 color=RED size=6><b>来回走动的文字</B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE>

16. 左右运动的文

左右运动的文字

左右运动的文字

<DIV align=center> <MARQUEE direction=right width=300 height=50> <DIV align=center> <FONT face=华文行楷 color=RED size=6>左右运动的文字</FONT></DIV></MARQUEE></DIV> <DIV align=center> <MARQUEE width=400 height=50> <DIV align=center><FONT face=华文行楷 color=RED size=6>左右运动的文字</FONT></DIV></MARQUEE></DIV>

17. 右向左上下起伏飞翔的字

右向左上下起伏飞翔的字

<MARQUEE scrollAmount=3 scrollDelay=0 behavior=scroll width=400 height=293> <MARQUEE direction=up behavior=alternate height=200><FONT face=华文行楷 color=RED size=6><B>右向左上下起伏飞翔的字</B></FONT></MARQUEE></MARQUEE>

18. 左向右上下起伏飞翔的

字的翔飞伏起下上右向左

<MARQUEE scrollAmount=3 scrollDelay=0 behavior=scroll width=400 height=293 DIRECTION=RIGHT> <MARQUEE direction=up behavior=alternate height=200><FONT face=华文行楷 color=RED size=6><B>字的翔飞伏起下上右向左</B></FONT></MARQUEE></MARQUEE>

19. 交替游荡的字

交替游荡的字

交替游荡的字

<P align=center><BR> <MARQUEE direction=right behavior=alternate><B><FONT color=white size=6 FACE=华文行楷><BR> <MARQUEE style="WIDTH: 248px; HEIGHT: 150px" direction=up behavior=alternate align="middle">交替游荡的字</MARQUEE></FONT><FONT Color=RED size=6 FACE=华文行楷><BR> <MARQUEE style="WIDTH: 246px; HEIGHT: 100px" direction=up behavior=alternate>交替游荡的字<BR></MARQUEE></FONT></B></MARQUEE></P>

20. 原地跳动的文字

<p align=CENTER><FONT size=6 style="FILTER: glow(color: gainsboro,white=50); WIDTH: 100%; COLOR: RED; 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></p>

21. 交替跳跃的文字

<p align=CENTER><FONT size=6 style="FILTER: glow(color: gainsboro,white=50); WIDTH: 100%; COLOR: RED; 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 height=160> <CENTER><B>文</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=80> <CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></p>

22. 交替跳跃消失的字

 

<p align=CENTER> <MARQUEE style="WIDTH: 500px; HEIGHT: 300px" scrollAmount=5 direction=up> <FONT size=6 style="FILTER:glow(color: RED,strength=40); WIDTH: 100%; COLOR: RED; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"> <MARQUEE direction=up behavior=alternate width=60 height=180> <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=180> <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=180> <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=180> <CENTER><B>的</B></CENTER></MARQUEE> <MARQUEE direction=up behavior=alternate width=60 height=120> <CENTER><B>字</B></CENTER></MARQUEE></FONT></p></MARQUEE></P>

23. 穿梭文字

穿

博客文字特效代码 - 心缘宝贝 - 【心缘宝贝工作室】screen.width-333)this.width=screen.width-333">

博客文字特效代码 - 心缘宝贝 - 【心缘宝贝工作室】screen.width-333)this.width=screen.width-333">

博客文字特效代码 - 心缘宝贝 - 【心缘宝贝工作室】screen.width-333)this.width=screen.width-333">

<p align=CENTER> <MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=RED size=6>穿</FONT></B></MARQUEE><STRONG><IMG src="http://i15.tinypic.com/333bzuq.gif" width=80></STRONG> <MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=RED size=6>梭</FONT></B></MARQUEE><STRONG><IMG src="http://i15.tinypic.com/333bzuq.gif" width=80> </STRONG> <MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=RED size=6>文</FONT></B></MARQUEE><STRONG><IMG src="http://i15.tinypic.com/333bzuq.gif" width=80> </STRONG> <MARQUEE scrollAmount=2 width=60 height=67 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=RED size=6>字</FONT></B></MARQUEE></p>

24. 带背景的闪光字体

带背景的闪光字体

<P align=center><BR> <TABLE cellSpacing=0 cellPadding=0 align=center background=http://i10.tinypic.com/35d91lf.gif> <TBODY> <TR> <TD style="FILTER: chroma(color=#336699)"> <TABLE align=center background=http://i19.tinypic.com/47myoee.jpg width=500 height=120> <TBODY> <TR> <TD align=middle><FONT size=7 style="FONT-WEIGHT: normal; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文行楷 color=#336699><B>带背景的闪光字体</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

25. 带背景的移动文字

带背景的移动文字

<P align=center> <MARQUEE direction=up> <TABLE cellSpacing=0 cellPadding=0 align=center background=http://i19.tinypic.com/47myoee.jpg width=500 height=120><TBODY><TR><TD><CENTER><FONT size=7 face=华文行楷 color=RED>带背景的移动文字</CENTER></FONT></TD></TR></TBODY></TABLE></MARQUEE></P> >

26. 彩虹文字

彩虹文字

<P align=center> <TABLE cellSpacing=0 cellPadding=0 align=center background=http://i7.tinypic.com/5364h20.gif> <TBODY> <TR> <TD style="FILTER: chroma(color=#336699)"> <TABLE style="WIDTH: 593px; HEIGHT: 114px" align=center bgColor=black> <TBODY> <TR> <TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#336699><STRONG>彩虹文字</STRONG></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

27. 竖排移动的字

马蹄踏过石板街道

窄巷深处有人祷告

雨后水洼教堂倾倒

意识流的四十度角

图书馆前站着半座石雕

六个便士带走一副素描

壁炉终日孤独吐着火苗

煤油灯下岁月不被惊扰

你在剑桥一身寂寞穿黑色学袍

你用诗句歌唱爱情押美丽韵脚

一船星辉见证那个古典的拥抱

那片水草还在怀念你撑的长蒿

你在剑桥半生寂寞穿中国长袍

你用诗句告别爱情押绝望韵脚

谁的衣袖带走那片云彩的来到

离别笙萧那样沉默像一种凭吊

红砖墙壁紫藤缠绕

垂柳摇醒两岸拂晓

怀旧风琴失传民谣

中世纪就开始苍老

广场鸽子仰望天空思考

歌特尖塔勾勒末世线条

故事流过落日的叹息桥

诗人的爱还在唱咏叹调

<P align=center> <MARQUEE scrollAmount=1 scrollDelay=200 behavior=slide loop=1 width=500 height=293> <MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=0 direction=up width=500 height=350> <P align=left><FONT size=5 style="FILTER: WIDTH: 100%; COLOR: RED; 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>诗人的爱还在唱咏叹调</FONT></P></MARQUEE></MARQUEE></p>

 

  评论这张
 
阅读(2)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017