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

乱世狂刀

剑指九天扬正气,拳立华夏显武威

 
 
 

日志

 
 

文字效果总汇  

2006-12-09 18:00:30|  分类: 博客技术 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 文字效果总汇
此文出自<空菜>的博客,http://blog.163.com/wuha_dkc/在此谢谢空菜.

 http://www.east128.com/bbs/UploadFile/2003-9/20039251018214901.gif"><F
ONT color=red face=楷体_gb2312 size=7>输入文字</FONT></MARQUEE></MARQUE></MARQUEE>

效果五:<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>
输入文字</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE
direction=right height=50 width=240>输入文字</MARQUEE></FONT></FONT>

★文字上下左右移动的特效代码
<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>
提示:direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向
右(right)

★文字停停走走效果代码
<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

★文字移动效果代码
<marquee behavior=移动效果>插入文字</marquee>
说明:behavior=scroll 一圈一圈绕着走; behavior=slide 只走一次;
behavior=alternate 来回走


★发光文字代码
</textarea><table style="FILTER: glow(color=#6699FF,direction=2)">
<font color=#ffffff size=2>要填写的文字</font>
</table>
提示:color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强
度,font color是原字体的颜色

★浮雕效果的文字代码
</textarea><table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1,
positive=1);">
<font color=#ffffff>要填写的文字</font>
</table>
提示:color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度,offx和offy是设置的阴影和文字的距离,color是原字体的颜色

★阴影文字的代码
</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2,
positive=2);">
<font color=#6CABE7 size=2>要填写的文字</font>
</table>

★文本框字体代码
<DIV><TEXTAREA style="FONT: 12px ;font-family:Verdana;color:#666666; WIDTH: 490px; HEIGHT: 271px" rows=152 cols=612>要填写的文字&lt;/DIV&gt;</TEXTAREA></DIV>
提示:字体(font-family)还可以选用Arial,Tahoma等等;color可自行设定
<tr> 表格列 border="5"边框宽度为5像素,bordercolor="Purple"边框顔色为紫色<td> 表格栏 bgcolor="Green"表格背景顔色为绿色

★滚动字代码
<marquee border="0" align="middle" scrolldelay="120">要填写的文字</marquee>

★从右侧进来的字和图片代码
<DIV>
<TABLE cellSpacing=10 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top width="100%">
<DIV align=center>
<MARQUEE scrollDelay=99 width="100%" height=108 border="0"><IMG
src="
http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT
color=#b990f7><FONT face=华文行楷 color=#4d4dff size=7><B>输入文字</B><IMG src="
http://www.smba
china.com/upload/upfile/2004430154320.gif"></FONT></FO
NT></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>
<DIV>
<TABLE cellSpacing=10 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD vAlign=top width="100%" height=118>
<DIV align=center><MARQUEE scrollDelay=99 width="100%" height=108 border="0"><IMG src="
http://www.smba-china.com/upload/upfile/2004430154320.gif"><FONT
color=#b990f7><FONT face=华文行楷 color=#4d4dff size=7><B>输入文字</B><IMG src="
http://www.smba-china.com/upload/upfile/2004430154320.gif"></FONT></FO
NT></MARQUEE></DIV></TD></TR></TBODY></TABLE></DIV>

★倒帖的文字特效代码
<p align=right><FONT
style="FONT-SIZE:50pt;filter:FlipH(color=silver);WIDTH:100%;
COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>请输入你想要的文字</B></FONT></p>

★翻转文字特效代码
<FONT style="FONT-SIZE:50pt;filter:FlipV(color=silver);WIDTH:100%;
COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>请输入你想要的文字</B></FONT>

★漂动文字特效代码
<table align=center border=3 bordercolor="#CD5C5C" width=450 height=350><td background=http://bbs.yunbbs.com/uploadFile/2004-12/20041210163350528.jpg><marquee behavior=alternate scrollamount=3 direction=down height=350><marquee behavior=alternate scrollamount=3 width=500><img src=1.gif><font color=red size=6><b>请输入你想要的文字</b><img src=1.gif></font></marquee></table><br>

★漂的字特效代码
<P align=center>
<MARQUEE scrollAmount=12 direction=center behavior=alternate>
<MARQUEE direction=up behavior=alternate width=400 height=400>
<P align=center><IMG src="
http://members12.tsukaeru.net/rose/0sozai/2cut/ico/50-01/s012.gif"><IMG src="http://www.cjhz.com/bbs/UploadFile/2004-10/20041016182848353.jpg"><IMG src="http://members12.tsukaeru.net/rose/0sozai/2cut/ico/50-01/s012.gif"></P><FONT style="FONT-SIZE: 30pt; FILTER: shadow(color=000000); WIDTH: 160%;
COLOR: #4d4dff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">请输入你想要的文字</FONT></MARQUEE></MARQUEE></P>

★滚动字特效代码
<marquee width="200" height="100" direction="right" behavior="alternate"
scrollamount="6" scrolldelay="88">输入你想要的文字</marquee>
提示说明:
scrollAmount
它表示速度,值越大速度越快。如果没有它,默认为6,建议设为1~3
比较好,width和height 表示滚动区域的大小,width是宽度,height是高度。特别是在做垂直滚动的时候,一定要设height的值,direction 表示滚动的方向,默认为从右向左:←。可选的值有right、down、up。滚动方向分别为:right表示→→,up表示↑,down表示↓scrollDelay 这也是用来控制速度的,默认为90,值越大,速度越慢。通常scrollDelay是不需要设置的,behavior用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)

★改变滚动字幕的颜色代码
<marquee scrollAmount=2 width=300><a style=color:CC6600>输入你想要的文字</a></marquee>

★当鼠标停留在文字上,文字停止滚动代码
<marquee scrollAmount=2 width=300 scrollAmount=2 width=150 behavior=alternate>输入你想要的文字/marquee>

★多行文本向上滚动特效代码
<marquee scrollAmount=2 width=300 height=50 direction=up>·输入文字<br>·输入文字<br><a href=http://www.hack58.com>输入文字</a></marquee>

★不停变化颜色的字代码
<DIV style="WIDTH: 460px; HEIGHT:30px"><IMG height=2
src="/web/ewebeditor/UploadFile/2005101692624157.gif" width=460px
align=right><IMG height=30px src="/web/ewebeditor/UploadFile/2005101692625359.gif" width=446.2px
align=right><DIV style="FONT-SIZE: 20px; FILTER: Chroma(color=#FCFBFA);
FLOAT: left; WIDTH: 460px; HEIGHT:30px; BACKGROUND-COLOR:#000000"
align=center><FONT color=#FCFBFA>输入文字</FONT></DIV></DIV>

★带框文字特效代码
<font color=#02B452
style="border-color=#FF0000;border-top-style:outset;border-bottom-style:out
set;border-right-style:outset;border-left-style:outset">修改你要的字</font>
提示:这些符号是边框类型(修改代码中可修改,不过建议上下左右边框用同一种效果)
double 表示边框样式为:双线
groove 表示边框样式为:3D凹槽状
dotted 表示边框样式为:点线
inset 表示边框样式为:3D内嵌边框
outset 表示边框样式为:3D外嵌边框
ridge 表示边框样式为:3D凸脊状
dashed 表示边框样式为:虚线
solid 表示边框样式为:实线


★滚动红色字特效代码<marquee width="650" height="60"><font color="red">请输入你想要的文字</font></a></marquee>

★滚动无框红色字特效代码
<div style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH:
634px; ; TOP: 0px; HEIGHT: 530px; zindex: 90"
resiziable="true"><marquee width="750" height="60"><font color="red">请输入你想要的文字</font></a></marquee>

★左右移动字特效代码
<font colo*=#855558><center><marquee behavior="alternate"
scrollamount="2">请输入你想要的文字</marquee></marquee></font></center>

★角度跳动的字左右移动字特效代码
<marquee behavior="alternate" direction="up" height="80" width="60%"
scrollamount="2" scrolldelay="0"><marquee behavior="alternate"
scrollamount="3">请输入你想要的文字</marquee></marquee>

★七字体顔色文字特效代码
<font COLOR=颜色代码>文字</font>
显示竖排的文字:
<DIV style="FONT-SIZE: 9pt; WRITING-MODE: tb-rl; TEXT-ALIGN: left"><p>博客文章文字</P></DIV>

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

历史上的今天

评论

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

页脚

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