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

情感在线的博客

 
 
 

日志

 
 

【转载】26种文字编辑代码  

2014-06-30 14:45:56|  分类: 电脑网络知识 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自博海小舟《26种文字编辑代码》

 

1、上下滚动的字代码:

<MARQUEE scrollAmount=2 scrollDelay=200 direction=up width="100%"

height=210><FONT style="LINE-HEIGHT: 180%; LETTER-SPACING: 3px"

color=#ffffff>博者美博欢迎您</FONT></MARQUEE>

2、做比较大的字代码:

<FONT color=#09f7f7 size=7><STRONG><SUP><FONT color=#99ff00>ゞ博者美博欢迎您ゞ</FONT></SUP></FONT>

3、文字走马灯效果代码:

<marquee width="157" height="21">博者美博欢迎您

4、改变文字的字体和颜色代码(1):

<b><font face=华文行楷 size=5 color=#ff0000>

 

说明:要修改字体和颜色的字

变换字体颜色只需替换color = 后面的代码,好看的字体颜色有: #ff1493 #228b22

#4169e1 #9400d3 #ff0000 #daa520

改变文字的字体和颜色代码(2):

<FONT face=楷体_GB2312(字体) color=#0000ff(字体颜色) size=1>博者美博欢迎

您</FONT>

说明:变换字体颜色只需替换color = 后面的代码,好看的字体颜色有: #ff1493 #228b22

#4169e1 #9400d3 #ff0000 #daa520

5、移动文字代码:

<marquee width="157" height="21">博者美博欢迎您</marquee>

6、修改导航,但还是原来的格式,但是改变字体和背景代码:

<img src="/blog/"导航文字;';bt_2.innerText='导航

文字';bt_3.innerText='导航文字';bt_4.innerText='导航文字';bt_5.innerText='

导航文字';bt_6.innerText='导航文字';bt_7.innerText='导航文

字';bt_8.innerText='导航文字';">

在加上透明效果:

<img

src="/blog/"url()';bt_2.style.background='

url()';bt_3.style.background='url()';bt_4.style.background='url()';bt_5.sty

le.background='url()';bt_6.style.background='url()';bt_7.style.background='

url()';bt_8.style.background='url()';"></img>

在加上颜色效果:

<img

src="http://blog.163.com/;docum

ent.getElementById('bt_2').style.color='#FF00FF';document.getElementById('b

t_3').style.color='#FFFFFF';document.getElementById('bt_4').style.color='#3

3ff00';document.getElementById('bt_5').style.color='#FF7F00';document.getEl

ementById('bt_6').style.color='#FF0000';document.getElementById('bt_7').sty

le.color='#00ffff';document.getElementById('bt_8').style.color='#77aaff';">

</img><font color=red></font>

7、上下左右移动文字特效代码:

<marquee direction=移动方向 scrollamount=移动速度数值>博者美博欢迎您</marquee>

说明:direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向

右(right)

8、文字停停走走效果代码:

<marquee scrolldelay=500 scrollamount=100>博者美博欢迎您</marquee>

9、文字移动效果代码:

<marquee behavior=移动效果>博者美博欢迎您</marquee>

说明:behavior=scroll 一圈一圈绕着走 behavior=slide 只走一次

behavior=alternate 来回走

10、发光文字代码:

</textarea><table style="FILTER: glow(color=#6699FF,direction=2)">

<font color=#ffffff size=2>博者美博欢迎您</font>

</table>

说明:其中color是阴影的颜色,可以配合网页色调改变,direction是设置阴影的强

度,font color是原字体的颜色

11、浮雕的文字代码:

</textarea><table style="FILTER: dropshadow(color=#6699FF, offx=1, offy=1,

positive=1);">

<font color=#ffffff>博者美博欢迎您</font>

</table>

说明:其中color是阴影的颜色,可以配合网页色调改变,positive是设置阴影的强度,offx

和offy是设置的阴影和文字的距离,font color是原字体的颜色

12、阴影的文字代码:

</textarea><table style="FILTER: dropshadow(color=#cccccc, offx=2, offy=2,

positive=2);">

<font color=#6CABE7 size=2>博者美博欢迎您</font>

</table>

13、文本框字体代码:

</textarea><TEXTAREA STYLE="font:12px;font-family:Verdana;color:#666666">博者美博欢迎您

说明:字体(font-family)还可以选用Arial,Tahoma等等;color可自行设定

<tr> 表格列 border="5"边框宽度为5像素,bordercolor="Purple"边框顔色为紫色

<td> 表格栏 bgcolor="Green"表格背景顔色为绿色

14、滚动字代码:

<marquee border="0" align="middle" scrolldelay="120">博者美博欢迎

您</marquee>

15、倒帖的文字特效代码:

<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>

16、翻转文字特效代码:

<FONT style="FONT-SIZE:50pt;filter:FlipV(color=silver);WIDTH:100%;

COLOR:red;LINE-HEIGHT:150%;FONT-FAMILY:华文行楷"><B>博者美博欢迎

您</B></FONT>

17、漂动文字特效代码:

<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>

 

18、改变滚动字幕的颜色代码:

<marquee scrollAmount=2 width=300><a style=color:CC6600>博者美博欢迎

您</a></marquee>

 

19、当鼠标停留在文字上,文字停止滚动代码:

<marquee scrollAmount=2 width=300 color=#ff0000>博者美博欢迎您

</marquee>

20、文字交替效果特效代码:

<marquee scrollAmount=2 width=150 behavior=alternate>博者美博欢迎

您</marquee>

21、不停变化颜色的字代码:

<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>

22、滚动红色字特效代码:

<marquee width="650" height="60"><font color="red">博者美博欢迎您</font></a></marquee>

23、滚动无框红色字特效代码:

<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>

24、左右移动字特效代码:

<font colo*=#855558><center><marquee behavior="alternate" 

scrollamount="2">博者美博欢迎您</marquee></marquee></font></center>

25、角度跳动的字左右移动字特效代码:

<marquee behavior="alternate" direction="up" height="80" width="60%" 

scrollamount="2" scrolldelay="0"><marquee behavior="alternate" 

scrollamount="3">博者美博欢迎您</marquee></marquee>

26、七字体顔色文字特效代码:

<font COLOR=颜色代码>博者美博欢迎您</font>

 

 

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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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