lxq2052的博客

日志

关于我

lxq2052

文章分类

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

2014-10-03 00:17:16| 分类：默认分类 | 标签： |举报 |字号大中小订阅

下载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）：

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

变换字体颜色只需替换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>

评论这张

转发至微博

阅读(66)| 评论(0)

历史上的今天

this.p={  m:2,
              b:2,
              loftPermalink:'',
              id:'fks_087070084080080070093086084070072084080070093094094066085081',
              blogTitle:'【转载】26种文字编辑代码',
              blogAbstract:' \r\n<P style=\"TEXT-INDENT: 2em;\"   \><FONT color=\"#ff00ff\"  size=\"6\"  \><STRONG\> </STRONG\></FONT\> </P\>\r\n<P style=\"TEXT-INDENT: 2em;\"   \><FONT color=\"#00ff00\"  size=\"5\"  face=\"楷体_GB2312\"  \>1、上下滚动的字代码:</FONT\></P\>\r\n<P style=\"TEXT-INDENT: 2em;\"   \><FONT color=\"#00ff00\"  size=\"5\"  face=\"楷体_GB2312\"  \><MARQUEE scrollAmount=2 scrollDelay=200 direction=up width=\"100%\"</FONT\></P\>\r\n<P style=\"TEXT-INDENT: 2em;\"   \><FONT color=\"#00ff00\"  size=\"5\"  face=\"楷体_GB2312\"  \>height=210><FONT style=\"LINE-HEIGHT: 180%; LETTER-SPACING: 3px\"</FONT\></P\>\r\n<P style=\"TEXT-INDENT: 2em;\"   \><FONT color=\"#00ff00\"  size=\"5\"  face=\"楷体_GB2312\"  \>color=#ffffff>博者美博欢迎您</FONT></MARQUEE></FONT\></P\>\r\n<P style=\"TEXT-INDENT: 2em;\"   \><FONT color=\"#00ff00\"  size=\"5\"  face=\"楷体_GB2312\"  \>2、做比较大的字代码:</FONT\></P\>',
              blogTag:'',
              blogUrl:'blog/static/21598811720149301716662',
              isPublished:1,
              istop:false,
              type:2,
              modifyTime:1412348241646,
              publishTime:1412266636662,
              permalink:'blog/static/21598811720149301716662',
              commentCount:0,
              mainCommentCount:0,
              recommendCount:0,
              bsrk:-100,
              publisherId:0,
              recomBlogHome:false,
              currentRecomBlog:false,
              attachmentsFileIds:[],
              vote:{},
              groupInfo:{},
              friendstatus:'none',
              followstatus:'unFollow',
              pubSucc:'',
              visitorProvince:'',
              visitorCity:'',
              visitorNewUser:false,
              postAddInfo:{},
              mset:'000',
              mcon:'',
              srk:-100,
              remindgoodnightblog:false,
              isBlackVisitor:false,
              isShowYodaoAd:false,
              hostIntro:'',
              hmcon:'1',
              selfRecomBlogCount:'0',
              lofter_single:'<iframe width="140" height="560" style="overflow:hidden;" src="http://www.lofter.com/mailEntry.do?blogad=1&blog" frameBorder="0"></iframe>'
            }

{list a as x}
    {if !!x}
    <div class="iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
      {if x.visitorName==visitor.userName}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.visitorNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.visitorName)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        {if x.moveFrom=='wap'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/wapblog.html?frompersonalbloghome"><span title="来自网易手机博客" class="iblock wapIcon"> </span></a>
        {elseif x.moveFrom=='iphone'}
          <a class="noul pnt" target="_blank"><span title="来自iPhone客户端" class="iblock iphoneIcon"> </span></a>
        {elseif x.moveFrom=='android'}
          <a class="noul pnt" target="_blank"><span title="来自Android客户端" class="iblock androidIcon"> </span></a>
        {elseif x.moveFrom=='mobile'}
          <a class="noul pnt" target="_blank" href="http://blog.163.com/services/emsblog.html?frompersonalbloghome"><span title="来自网易短信写博" class="iblock wapIcon"> </span></a>
        {/if}
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.visitorName}/">
          ${fn(x.visitorNickname,8)|escape}
        </a>
      </div>
    </div>
    {/if}
    {/list}

<#--最新日志，群博日志--> <#--推荐日志-->

<p class="fc06">推荐过这篇日志的人：</p>
    <div>
      {list a as x}
      {if !!x}
      <div class="iblock nbw-fce nbw-f40">
        <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
        <img alt="${x.recommenderNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.recommenderName)}"/>
        </a>
        <div class="cwd thide">
          <a class="fc03 m2a" target="_blank" hidefocus="true" href="http://blog.163.com/${x.recommenderName}/">
            ${fn(x.recommenderNickname,6)|escape}
          </a>
        </div>
      </div>
      {/if}
      {/list}
    </div>
    {if !!b&&b.length>0}
    <p  class="fc06">他们还推荐了：</p>
    <ul>
    {list b as y}
      {if !!y}
        <li class="rrb"><span class="iblock">·</span><a class="fc03 m2a" target="_blank" href="http://blog.163.com/${y.recommendBlogPermalink}/?from=blog/static/21598811720149301716662">${y.recommendBlogTitle|escape}</a></li>
      {/if}
    {/list}
    </ul>
    {/if}

<#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇，下一篇--> <#-- 热度 -->

{list a as x}
    {if !!x}
    <div class="hotItem iblock nbw-fce nbw-f40">
      <a class="fc03 noul" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
      {if x.publisherUsername==visitor.userName}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}&r=${visitor.imageUpdateTime}"/>
      {else}
      <img alt="${x.publisherNickname|escape}" onerror="this.src=location.f40" class="cwd bdwa bdc0" src="${fn1(x.publisherUsername)}"/>
      {/if}
      </a>
      <div class="cwd vname thide">
        <a class="fc03 m2a"  target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/">
          ${fn(x.publisherNickname,8)|escape}
        </a>
      </div>
      <a class="f-myLikeIcons hottype {if x.type==1} js-liketype{elseif x.type==2} js-reblogtype{elseif x.type==3} js-sharetype{else}{/if}" target="_blank" hidefocus="true" href="http://blog.163.com/${x.publisherUsername}/"> </a>
    </div>
    {/if}
    {/list}

<#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->

页脚

我的照片书 - 手机博客 - 下载LOFTER APP - 订阅此博客

lxq2052的博客

导航

日志

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

历史上的今天

最近读者

热度

评论

页脚