特效文字、移动文字代码2011-10-30 07:23:10| 分类: 【字体特效】 | 标签: |字号大中小 订阅 本文转载自梦中人 《特效文字、移动文字代码》 一、特效字体代码 1、字體效果基本代码 (1)利用<big>发大字: 大字 : <big>大字</big> 大字 : <big><big>大字</big></big> 大字 : <big><big><big>大字</big></big></big> 大字: <big><big><big><big>大字</big></big></big></big>
(2)利用 <h>发各种字号的大小字:
(3) 利用<font size=-4>.....</font>发各种字号的大小字: 负三号字 : <font size=-4>负四号字</font> 负三号字 : <font size=-3>负三号字</font> 负三号字 : <font size=-2>负二号字</font> 负一号字 : <font size=-1>负一号字</font> ○号字 : <font size=0>○号字</font> 一号字 : <font size=1>一号字</font> 二号字 : <font size=2>二号字</font> 三号字 : <font size=3>三号字</font> 四号字 : <font size=4>四号字</font> 五号字: <font size=5>五号字</font> 六号字: <font size=6>六号字</font> 七号字: <font size=7>七号字</font> (4)利用<font style=font:?pt>......</font>发各种字号的大小字: <p align="left">居左排版</p> <div align=left>居左排版</div> <center>居中排版</center> <p align="center">居中排版</p> <div align=center>居中排版</div> <p align="right">居右排版</p> <div align=right>居右排版</div>
文字竖向排列的代码 : 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、阴影字体代码 </font><br><P align=center><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=333366 ); WIDTH: 631px; COLOR: #3333ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新宋; HEIGHT: 51px"></P> <P align=center>阴影字体</P></FONT> 6、围边字体代码 </font><br><P align=center> </P><FONT style="FONT-SIZE: 30pt; FILTER: glow(color=gray,strength=5); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷"> <P align=center><B>围边字体 体字边围</B></P></FONT> 7、投影字体代码 </font><br><P align=center> </P> <P align=center><FONT style="FONT-WEIGHT: bolder; FONT-SIZE: 40px; FILTER: blur(add=1, direction=45,strength=10); WIDTH: 450px; " color=#000099>投影字体 投影字体</FONT></CAPTION> <BR></CAPTION></P> 8、 其一 <DIV align=center> <DIV style="FILTER: shadow(color=#FF9999 , 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>
11、倒影字代码 </font><br><P align=center><FONT style="FONT-SIZE: 30pt; WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><EM>其实倒影字就这么简单!</EM></B></FONT><FONT style="FONT-SIZE: 30pt; FILTER: FlipV; WIDTH: 100%; COLOR: blue; LINE-HEIGHT: 150%; FONT-FAMILY: 华文新魏"><B><EM>其实倒影字就这么简单!</EM></B></FONT></P> 12、按钮上加文字: 基本语句<button>点击我吧</button> 加按钮连接语句: <a href="http://地址链接网址......"><button>转到新窗口</button></a> 加按钮连接新窗口: <a href="相关地址" target="_blank"><button>另开新窗口</button></a> 点按钮弹出文字: <input type="button" value="点我看看" OnClick="alert('弹出文字')"> 例:<input type="button" value="你的快乐:" OnClick="alert('就是我的快乐呀!')"> 13、彩虹文字代码 <P align=center> <TABLE cellSpacing=0 cellPadding=0 align=center background=http://www./tjxy/jiaocai/05.gif> <TBODY> <TR> <TD style="FILTER: chroma(color=#336699)"> <TABLE style="WIDTH: 593px; HEIGHT: 114px" align=center bgColor=#800080> <TBODY> <TR> <TD align=middle><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 56pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文琥珀 color=#336699><STRONG>彩虹字体 </STRONG></FONT></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></P>
5)、表格相关再注解: <table aling=left>...</table>表格位置,置左 <table aling=center>...</table>表格位置,置中 <table background=图片路径>...</table>背景图片的URL=就是路径网址 <table border=边框大小>...</table>设定表格边框大小(使用数字) <table bgcolor=颜色码>...</table>设定表格的背景颜色 <table borderclor=颜色码>...</table>设定表格边框的颜色 <table borderclordark=颜色码>...</table>设定表格暗边框的颜色 <table borderclorlight=颜色码>...</table>设定表格亮边框的颜色 <table cellpadding=参数>...</table>指定内容与网格线之间的间距(使用数字) <table cellspacing=参数>...</table>指定网格线与网格线之间的距离(使用数字) <table cols=参数>...</table>指定表格的栏数 <table frame=参数>...</table>设定表格外框线的显示方式 <table width=宽度>...</table>指定表格的宽度大小(使用数字) <table height=高度>...</table>指定表格的高度大小(使用数字) <td colspan=参数>...</td>指定储存格合并栏的栏数(使用数字) <td rowspan=参数>...</td>指定储存格合并列的列数(使用数字) 注解: 这里的scrollamount=1是移动速度控制, 控速移动字代码:<marquee scrollamount=N>控速移动字</marquee>,速度控制值N为>0的任意值,最大甚至可以到300。 <marquee>...</marquee>普通卷动 <marquee behavior=slide>...</marquee>滑动 <marquee behavior=scroll>...</marquee>预设卷动 <marquee behavior=alternate>...</marquee>来回卷动 <marquee direction=down>...</marquee>向下卷动 <marquee direction=up>...</marquee>向上卷动 <marquee direction=right></marquee>向右卷动 <marquee direction=left></marquee>向左卷动 <marquee loop=2>...</marquee>卷动次数 <marquee width=180>...</marquee>设定宽度 <marquee height=30>...</marquee>设定高度 <marquee bgcolor=FF0000>...</marquee>设定背景颜色 <marquee scrollamount=30>...</marquee>设定卷动距离 <marquee scrolldelay=300>...</marquee>设定卷动时间
这里的height=60 是控制字体移动的高度范围
17、左右运动的文字 <CENTER> background=http://shm./UploadFile/2005-6/200561214235442.gif height=256> <FONT face=华文行楷 40pt><CENTER><B><FONT color=#9932cc size=6>春晓 <BR> </FONT><P><FONT color=#9932cc size=5>春眠不觉晓,</FONT> <BR> 26、在文字边上加个滚动条 <TABLE cellSpacing=0 cellPadding=0 width=500 align=center border=9> 怒发冲冠,<BR>凭阑处、潇潇雨歇。<BR>抬望眼、仰天长啸,<br>壮怀激烈。<BR>三十功名尘与土,<BR>八千里路云和月。<BR>莫等闲、白了少年头,<BR>空悲切。 <BR>靖康耻,犹未雪;<BR>臣子恨,何时灭。<BR>驾长车踏破贺兰山缺。<BR>壮志饥餐胡虏肉,<BR>笑谈渴饮匈奴血。<BR>待从头收拾旧山河。<BR>朝天阙。 <BR></FONT></DIV></TD></TR></TBODY></TABLE>
28,竖排文字的移动(渐显) 1)不带背景的 <DIV align=center> <MARQUEE scrollAmount=1 scrollDelay=100 beha <MARQUEE style="LINE-HEIGHT: 150%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=480 height=220> <P align=left><FONT style="FONT-SIZE: 15pt; FILTER: WIDTH: 100%; COLOR: red ; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" color=red>因为你的出现,<BR>我有了快乐和思念,<BR>在我的眼里,<BR> 你是滋润我心灵的雨露,<BR>无论世间潮起潮落,<BR> 与你相随相伴,<BR>我人生无悔。<BR> 2)带背景的 <TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3> <TBODY> <TR> <TD background=http://image52.360doc.com/DownloadImg/2012/06/2209/25020177_2.jpg height=330 width=430 > <DIV align=center> <MARQUEE scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=480 height=150> <MARQUEE style="LINE-HEIGHT: 150%; WRITING-MODE: tb-rl" scrollAmount=1 scrollDelay=100 direction=up width=480 height=220> <P align=left><FONT style="FONT-SIZE: 15pt; FILTER: WIDTH: 100%; COLOR: red ; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" color=red>因为你的出现,<BR>我有了快乐和思念,<BR>在我的眼里,<BR> 你是滋润我心灵的雨露,<BR>无论世间潮起潮落,<BR> 与你相随相伴,<BR>我人生无悔。<BR>
29、竖排文字的向右移动 <MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=3 scrollDelay=0 direction=up width=200 height=150> <P align=left>向右移动的竖排文字</SPAN><BR>向右移动的竖排文字<BR>向右移动的竖排文字<BR>向右移动的竖排文字</P></MARQUEE> 向右移动的竖排文字 30、文字色带双移动的代码 <marquee><marquee bgcolor=green><font size=5 color=white>文字、色带双游动</font></marquee></marquee> 31、方框内游动字代码 <p align="center"><table border="1" width="50%"><tr><td width="100%"><marquee behavior="alternate"><font color="#FF0000" size="6" face="幼圆">方框游动字</font></marquee></td></tr></table></p> 32、向左异速移动字代码 <marquee scrollamount=1>你好。</marquee><marquee scrollamount=2>你好。</marquee><marquee scrollamount=3>你好。</marquee><marquee scrollamount=4>你好。</marquee><marquee scrollamount=5>你好。</marquee> [<marquee width=40 behavior=alternate>还~</marquee>][<marquee width=40 behavior=alternate>好~</marquee>][<marquee width=40 behavior=alternate>么~</marquee>]</font> 33、左右摇摆移动字 <marquee width=7% behavior=alternate>泡</marquee>转<marquee width=7% behavior=alternate>点</marquee>看<marquee width=7% behavior=alternate>不</marquee>看<marquee width=7% behavior=alternate>聊</marquee> <marquee behavior=alternate><u>嘻嘻~~</u></marquee> 34、控速移动字: 35、美术字体向上移动 <MARQUEE style="FONT-SIZE: 11pt; FILTER: Wave glow(color=FF0000,strength:1 Add=0,freq=4,LightStrength=4,Phase=15,Strength=4); WIDTH: 600px; COLOR: #66ff66; LINE-HEIGHT: 22pt; HEIGHT: 200px; TEXT-ALIGN: center; padding-center: 10em" scrollAmount=1 scrollDelay=40 direction=up loop=infinite height=200><FONT face=黑体 size=18><B>梦中人祝朋友们浏览开心!</B></FONT></B></MARQUEE> 36、美术字向左横向移动 <DIV><TABLE cellSpacing=2 width=500 align=center background=http://image52.360doc.com/DownloadImg/2012/06/2209/25020177_3.gif border=1 HEIGHT: WIDTH: 42px? inset; 1px black BORDER-BOTTOM: 348px; BORDER-LEFT: BORDER-TOP:> <TBODY> <TR> <TD> <MARQUEE HEIGHT: 343px; 44px? 38px? 449px;><FONT size=6><FONT face=华文行楷><FONT color=#ff0000><A href="http://ahstbzp.blog.163.com/" target=_blank></A></FONT></FONT><FONT color=#0000ff>梦中人の梦工场欢迎你光临 </FONT><FONT color=#ff00ff></FONT></FONT></A></MARQUEE></TD></TR></TBODY></TABLE></DIV></DIV> 效果 37、曲线向上移动 <CENTER> 效果: 喜欢静静地想你, 三、直接在图片上写文字的代码: 1、<div align="center"><div style="background-image: url图片地址 background-repeat: repeat; background-attachment: scroll; font-style: normal; font-variant: normal; font-weight: normal; line-height: 25px; font-size: 12px; font-family: verdana; width:图片尺寸(高) height:图片尺寸(宽) padding-left: 10px; padding-right: 0px; padding-top: 14px; background-"><br /><div align="left"> 2、在图片上加闪光字 <TABLE height=400 cellSpacing=0 cellPadding=0 width=500 align=center background=http://image52.360doc.com/DownloadImg/2012/06/2209/25020177_4.gif> <BR>夹道开洞门,<BR>弱杨低画戟。<BR>帘影竹华起,<BR>箫声吹日色。 <BR>蜂语绕妆镜,<BR>画蛾学春碧。<BR>乱系丁香梢,<BR>满栏花向夕。</P></B></FONT></FONT></B></DIV></DIV></TD></TR></TBODY> </TABLE></TD></TR></TBODY></TABLE> 效果:
|
|