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

滴墨斋主的后花园

.

 
 
 

日志

 
 

引用 26种文字编辑代码  

2009-08-14 06:54:46|  分类: 巧用代码 |  标签: |举报 |字号 订阅

  下载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=";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>

说明:颜色代码对应网站查看:http://www.ezsell.com.tw/aseip_folder/color.htm
 

  评论这张
 
阅读(828)| 评论(10)

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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