网页字体特效代码

为了让博友们的空间变得更加美观漂亮,幽香收集了些字体特效代码与朋友们分享!

一、图边字体代码

紫漫幽香欢迎您!

代码:<FONT style="COLOR: red; FILTER: glow(color=gray,strength=5); FONT-FAMILY: 华文行楷; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%">
<P align=center><B>紫漫幽香欢迎您!</B></P></FONT>
<P>&nbsp;</P>

二、阴影字体代码

成熟的人不问过去,

聪明的人不问现在,

豁达的人不问未来!

代码: </P>
<DIV align=center>
<P align=center><FONT style="COLOR: #3333ff; FILTER: shadow(color=333366
); FONT-FAMILY: 华文新宋; FONT-SIZE: 30pt; HEIGHT: 234px; LINE-HEIGHT: 150%; WIDTH: 472px">
<P align=center>
<P align=center></P></DIV>
<P align=center>
<P align=center>成熟的人不问过去,</P>
<P align=center>聪明的人不问现在,</P>
<P align=center>豁达的人不问未来!</P></FONT>
<P></P>

三、投影字代码

热爱生命!热爱生活!

代码:</FONT></P>
<P align=center>&nbsp;</P>
<P align=center><FONT color=#000099 style="FILTER: blur(add=1, direction=45,strength=10); FONT-SIZE: 40px; FONT-WEIGHT: bolder; POSITION: relative; WIDTH: 450px">热爱生命!热爱生活!</FONT></P>

四、空心字代码

含蓄是一种性格, 豪放是一种美德!

代码:</P>
<P align=center><FONT color=#d52b4d size=5><BR>&nbsp;</P></FONT></CAPTION>
<DIV align=center>
<DIV style="FILTER: shadow(color=#FF9999
, strength=60); HEIGHT: 43px; WIDTH: 480px"><FONT color=#ff0000 face=华文彩云 size=7><B>
<CENTER>含蓄是一种性格,</CENTER>
<CENTER>&nbsp;</CENTER>
<CENTER>豪放是一种美德!</B></FONT></CENTER></DIV></DIV>

五、闪光字体代码

真诚待人是美德

代码:</P>
<P align=center>&nbsp;</P>
<P align=center><BR>
<TABLE align=center background=http://616bbs.vicp.net/picture/yn/hexiang/st4.gif cellPadding=0 cellSpacing=0>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE align=center background=http://616bbs.vicp.net/picture/yn/hexiang/62.jpg>
<TBODY>
<TR>
<TD align=middle><FONT color=#336699 face=楷体_gb2312 style="FONT-SIZE: 56pt; FONT-STYLE: normal; FONT-VARIANT: normal; FONT-WEIGHT: normal; LINE-HEIGHT: normal"><B>真诚待人是美德</B></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>

六、字体向上移动代码

我微笑着走向生活

代码:</P>
<DIV align=center>
<MARQUEE direction=up scrollAmount=8 style="HEIGHT: 80px; WIDTH: 397px">
<P align=center><FONT color=#ff0000 face=隶书 size=7><B></B></FONT>&nbsp;</P>
<P align=center><FONT color=#ff0000 face=隶书 size=7><B>我微笑着走向生活</B></FONT></P></MARQUEE></DIV>

七、字体向下移动代码

生活里不能没有微笑

代码:</DIV>
<DIV align=center>&nbsp;</DIV></TD></TR></TBODY></TABLE></P>
<P align=center>
<MARQUEE direction=down scrollAmount=8 style="HEIGHT: 52px; WIDTH: 447px">
<P align=center><FONT color=#ff0000 face=隶书 size=7><B>生活里不能没有微笑</B></FONT></P></MARQUEE></P>

八、字体向右移动代码

!独孤要需索思,索思要需求追

代码:</P>
<P align=center>
<MARQUEE direction=right scrollAmount=10 style="HEIGHT: 48px; WIDTH: 390px">
<P align=center><FONT color=#ff0000 face=隶书 size=7><B>!独孤要需索思,索思要需求追</B></FONT>

九、由上下向中间移动的字体代码

紫漫幽香欢迎您!紫漫幽香欢迎您!

代码:</P>
<CENTER>
<MARQUEE direction=down height=60 scrollAmount=2>
<CENTER><FONT color=#ff0000 face=隶书 size=7><B>紫漫幽香欢迎您!</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE direction=up height=60 scrollAmount=2>
<CENTER><FONT color=#ff0000 face=隶书 size=7><B>紫漫幽香欢迎您!</FONT></CENTER></B></MARQUEE></CENTER>

十、来回走动文字代码

紫漫幽香欢迎您!

代码:</P>
<P align=center>
<TABLE border=0 class="tablebody2" style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%">
<TBODY>
<TR>
<TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>
<DIV align=center>
<MARQUEE behavior=alternate scrollAmount=8 style="HEIGHT: 90px; WIDTH: 558px" 200px? HEIGHT: 397px; ?WIDTH:>
<P align=center><FONT color=#ff0000 face=隶书 size=7><B></B></FONT>&nbsp;<FONT color=#ff0000 face=隶书 size=7><B></B></FONT></P>
<P align=center><FONT color=#ff0000 face=隶书 size=7><B>紫漫幽香欢迎您!</B></FONT></P></MARQUEE></DIV></TD>

十一、文字向左移动代码

紫漫幽香欢迎您!

代码:</P>
<P align=center>
<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5 style="HEIGHT: 52px; WIDTH: 418px">
<DIV align=center>
<MARQUEE behavior=altrnate scrollAmount=3 width=460 src="http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif" <IMG>
<DIV align=center><FONT color=red face=隶书 size=7>紫漫幽香欢迎您!</FONT></DIV></MARQUEE></DIV></MARQUE>

十二、左右运动的文字代码

紫漫幽香欢迎您!

紫漫幽香欢迎您

代码: </P>
<DIV align=center>
<MARQUEE direction=right height=50 width=250>
<DIV align=center>&nbsp;<FONT color=#ff0000 face=隶书 size=7>紫漫幽香欢迎您!</FONT></DIV></MARQUEE></DIV>
<DIV align=center>
<MARQUEE height=50 width=250>
<DIV align=center><FONT color=#ff0000 face=隶书 size=7>紫漫幽香欢迎您!</FONT></DIV></MARQUEE></DIV>

十三、双排向下运动的文字代码

紫漫幽香欢迎您!紫漫幽香欢迎您!

代码:<CENTER>
<MARQUEE direction=down height=60 scrollAmount=3>
<CENTER><FONT color=#ff0000 face=华文彩云 size=6><B>紫漫幽香欢迎您!</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE direction=down height=60 scrollAmount=3 style="HEIGHT: 60px; WIDTH: 531px">
<CENTER><FONT color=#ff0000 face=华文彩云 size=6><B>紫漫幽香欢迎您!</FONT></CENTER></B></MARQUEE></CENTER>

十四、双排向上运动的文字代码    紫漫幽香欢迎您!紫漫幽香欢迎您!

代码:</CENTER>
<CENTER>
<MARQUEE direction=up height=60 scrollAmount=3>
<CENTER><FONT color=#ff0000 face=华文彩云 size=6><B>紫漫幽香欢迎您!</FONT></CENTER></B></MARQUEE>
<CENTER>
<MARQUEE direction=up height=60 scrollAmount=3 style="HEIGHT: 60px; WIDTH: 541px">
<CENTER><FONT color=#ff0000 face=华文彩云 size=6><B>紫漫幽香欢迎您!</FONT></CENTER></B></MARQUEE></CENTER>

十五、原地齐跳的文字代码

      

代码:</CENTER>
<CENTER><FONT color=#8a2be2 size=5></B><FONT color=#000000 size=2></FONT></CENTER></FONT>
<CENTER>&nbsp;</CENTER>
<CENTER>&nbsp;</CENTER></CENTER>
<DIV></DIV></B>
<CENTER><FONT style="COLOR: #0033ff; FILTER: glow(color: mistyrose,pink=50); FONT-FAMILY: 华文彩云; FONT-SIZE: 40pt; HEIGHT: 120px; LINE-HEIGHT: 150%; WIDTH: 518px">
<MARQUEE behavior=alternate direction=up height=120 width=60>
<CENTER><B>紫</B></CENTER></MARQUEE>
<MARQUEE behavior=alternate direction=up height=120 width=60>
<CENTER><B>漫</B></CENTER></MARQUEE>
<MARQUEE behavior=alternate direction=up height=120 width=60>
<CENTER><B>幽</B></CENTER></MARQUEE>
<MARQUEE behavior=alternate direction=up height=120 width=60>
<CENTER><B>香</B></CENTER></MARQUEE>

时间: 2024-08-12 02:54:41

网页字体特效代码的相关文章

分时段显示不同的提示的网页JS特效代码

1 脚本说明: 2 把如下代码加入body区域中 3 <SCRIPT> 4 today=new Date(); 5 var day; var date; var hello; var wel; 6 hour=new Date().getHours() 7 if(hour < 6)hello='凌晨好' 8 else if(hour < 9)hello='早上好' 9 else if(hour < 12)hello='上午好' 10 else if(hour < 14)h

网页中实用的中英文日历网页特效代码

<HTML> <HEAD> <TITLE>有用的中英文日历网页特效代码-草坪基地-上谷战国红</TITLE> <!--<script language="javascript" src="PopupCalendar.js" ></script>--> <script> //more from webjx.com function PopupCalendar(Instanc

网页图片各种滤镜特效代码

透明代码(一)   <img  src="图片地址"  style="filter:Alpha(opacity=100,finishOpacity=0,style=0)"> [代码说明]涉及到的属性:修改数值对应即可 opacity:开始处的透明度 finishOpacity:结束处的透明度 style:0,平均透明 1,线状透明 2,圆形透明 3,菱形透明 透明代码(二)   <div  style="filter:Alpha(opac

WordPress英文主题不显示中文的原因:Cufon字体特效

经常会有WordPress英文主题不显示文章标题,其原因是英文主题设计者喜欢用Cufon字体特效,从而导致中文无法显示,Cufon字体特效js代码主要是将文字以图片的方式显示出来,但是其缺点是:只支持英文字符和数字,其他文字只能和他说拜拜了,中文也不例外,下面我们看看Cufon字体特效究竟是何方神圣. 什么是Cufon? Cufon 是一个用来替代 sIFR 框架,实现在网页中对文字字体进行渲染功能的纯 JavaScript 开源类库(cufon-yui.js). 为什么要用Cufon 在web

HTML特效代码大全

1)贴图:<img src="图片地址">2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a>1)贴图:<img src="图片地址">2)加入连接:<a href="所要连接的相关地址">写上你想写的字</a> 3)在新窗口打开连接:<a href="相关地址" target="_blank&q

网页背景图片代码

1.(最普遍类) <style>body{background-image:url(logo.gif);background-repeat:no-repeat;background-position:center}</style> 说明:以上代码为网页背景图片固定代码!网页背景图片固定代码,这样,当向下拉网页时,网页背景图片不会跟着向上移动,达到不动的目的! 2.(综合类) 3.<P class="style6"> </P></SP

使用 Cufon 渲染网页字体

这是一篇关于 Cufon 技术的小文章.什么是 Cufon 呢?简单的说,Cufon 是一个用来替代 sIFR 框架,实现在网页中对文字字体进行渲染功能的纯 JavaScript 开源类库. 为什么要使用 Cufon 那么为什么要使用 Cufon 呢?这要从 Web 开发人员,所经常面对的一种"冲突",即"字体(Font Family)冲突"开始讲起. 通常的这一冲突总是爆发于 Web 页面的设计者(Designer)和开发者(Coder)之间.在很多场合下,Web

jQuery实现设置字体大小代码实例

jQuery实现设置字体大小代码实例:设置网页中字体的大小是常见的操作,下面就通过代码实例介绍一下如何实现此功能.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落<

网页字体助手 WebFont Helper

网页字体助手 是 Windows 平台离线的网页字体生成辅助工具.核心功能,采用 python 编写. WebFont Helper 功能特色 生成字体子集(即提取用到的字符生成字体,或者大家所说的字体压缩): 字体压扁或压矮: 提取 ttf 文件中的用到的字符: 字体转换:ttf 转 woff, svg, eot 等: Windows 资源管理器 右键整合: 剪贴板生成字体: 完全离线 代码开源 任意修改: 下载 Download 请在 Download 下载 github 项目地址: htt