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

梦中人の梦工场

这里有爱的细雨,这里有情的倾诉。这里帮你筑梦,帮你圆梦!

 
 
 

日志

 
 
关于我

喜欢做梦,从小到大,始终不变,喜欢研究,海阔天空,天文地理,喜欢交友,不分老幼,不分男女。

网易考拉推荐
GACHA精选

特效文字、移动文字代码  

2009-01-05 13:21:00|  分类: 博客装扮 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

 

梦中人の梦工场

 

 

一、特效字体代码

1、字體效果基本代码 
 <h1>...</h1>標題字(最大) 
 <h6>...</h6>標題字(最小) 
 <b>...</b>粗體字 
 <strong>...</strong>粗體字(強調) 
 <i>...</i>斜體字 
 <em>...</em>斜體字(強調) 
 <dfn>...</dfn>斜體字(表示定義) 
 <u>...</u>底線 
 <ins>...</ins>底線(表示插入文字) 
 <strike>...</strike>橫線 
 <s>...</s>刪除線 
 <del>...</del>刪除線(表示刪除) 
 <kbd>...</kbd>鍵盤文字 
 <tt>...</tt> 打字體 
 <xmp>...</xmp>固定寬度字體(在文件中空白、換行、定位功能有效) 
 <plaintext>...</plaintext>固定寬度字體(不執行標記符號) 
 <listing>...</listing> 固定寬度小字體 
 <font color=00ff00>...</font>字體顏色 ,  可以是#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 
 <font size=1>...</font>最小字體 
 <font style =font-size:100 px>...</font>無限增大 

2、一般大字体的代码   

<P align=center><font style=font:40pt  face=隶书 color=#ff0000>插入文字</font> 

说明:align=文字位置 表示字体居中(center),居右(right),居左(left);font:40pt 

数值越大文字就越大;face=字体  常用字体为:宋体、黑体、楷体.、仿宋、新宋体、细明体等; color=颜色代码。

(1)利用<big>发大字:

  大字    :    <big>大字</big>

  大字   :    <big><big>大字</big></big>

  大字  :    <big><big><big>大字</big></big></big>

  大字:    <big><big><big><big>大字</big></big></big></big>

    

  (2)利用 <h>发各种字号的大小字:

           -1号字 : <h-1>负一号字</h-1>

○号字

 :

<h0>○号字</h0>

一号字:

<h1>一号字</h1>

二号字:

<h2>二号字</h2>

三号字:

<h3>三号字</h3>

四号字:

<h4>四号字</h4>

五号字:

<h5>五号字</h5>

六号字:

<h6>六号字</h6>

七号字:

 

<h7>七号字</h7>

  (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>发各种字号的大小字:
    0pt字    <font style=font:0pt>0pt字</font>
    1pt字    <font style=font:1pt>1pt字</font>
    2pt字    <font style=font:2pt>2pt字</font>
    3pt字    <font style=font:3pt>3pt字</font>
    4pt字    <font style=font:4pt>4pt字</font>
    5pt字    <font style=font:5pt>5pt字</font>
    6pt字    <font style=font:6pt>6pt字</font>
    7pt字    <font style=font:7pt>7pt字</font>
    8pt字    <font style=font:8pt>8pt字</font>
    9pt字    <font style=font:9pt>9pt字</font>
    10pt字    <font style=font:10pt>10pt字</font>
    20pt字    <font style=font:20pt>20pt字</font>
    30pt字    <font style=font:30pt>30pt字</font>
    40pt字    <font style=font:40pt>40pt字</font>
    50pt字    <font style=font:50pt>50pt字</font>
    60pt字    <font style=font:60pt>60pt字</font>
    70pt字    <font style=font:70pt>70pt字</font>
    80pt字    <font style=font:80pt>80pt字</font>
    90pt字    <font style=font:90pt>90pt字</font>
    <font style=font:100pt>100pt字</font>
    <font style=font:200pt>200pt字</font>
    <font style=font:300pt>300pt字</font>
    <font style=font:400pt>400pt字</font>
    <font style=font:500pt>500pt字</font>



  3、文字排版代码:

<left>居左排版</left>

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

    

文字竖向排列的代码 :

<DIV style="LAYOUT-FLOW: vertical-ideographic">

<P>你的文字

<P>你的文字</P></DIV> 


 3、带尾晕文字的代码 

<CENTER><FONT color=#0099ff style="FILTER: blur(add=1, direction=40,strength=10);

FONT-SIZE: 30px; FONT-WEIGHT: bolder; ; LINE-HEIGHT: 150%; WIDTH: 450px">

欢迎光临梦中人の梦工场</FONT></CENTER> 


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>

其二

<DIV align=center>
       <DIV style="FILTER: shadow(color=#00FFff, strength=40); WIDTH: 750px; HEIGHT: 100px">

<FONT style="FONT-WEIGHT: normal; FONT-SIZE: 50pt; LINE-HEIGHT: normal; FONT-STYLE:      

normal; FONT-VARIANT: normal"><P style="TEXT-JUSTIFY: inter-ideograph;

TEXT-ALIGN: justify" align=center><FONT color=#ff00ff><FONT align="center">

<FONT face=楷体_GB2312>欢迎光临梦中人の梦工场</FONT></FONT>


 9、空心文字的代码 

<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black);

FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%">

<B>欢迎光临梦中人の梦工场</B></FONT></CENTER> 

说明:FONT-SIZE: 30pt  数值越大文字就越大  


10、凹体文字的代码 

<DIV style="PADDING-RIGHT: 20px; PADDING-LEFT: 20px; FONT-SIZE: 15px;

PADDING-BOTTOM: 20px; OVERFLOW: hidden; WIDTH: 300px; LINE-HEIGHT: 18px;

PADDING-TOP: 20px; BACKGROUND-COLOR: #eeeeee; WORD-WRAP: break-word">

<FONT disabled>我凹下去了吧?<BR>你不想试试吗?</A></FONT> </DIV>


11、文字倒写的代码

<TABLE style="FILTER: flipv(color=#ffedff)" cellSpacing=0 cellPadding=0 width=600 border=0>
<TBODY>
<TR>
<TD><FONT style="FONT-SIZE: 30pt; COLOR: blue; FONT-FAMILY: 华文新魏"><EM>梦中人の梦工场!</EM></B></FONT><BR><FONT style="FONT-SIZE: 30pt;  COLOR: blue;  FONT-FAMILY: 华文新魏"><EM>欢迎朋友的光临!</EM></B></FONT></TD></TR></TBODY></TABLE>

效果:

梦中人の梦工场!
欢迎朋友的光临!

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.3yz.net/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>  


 14、表格文字的代码

<div align="center">

<table cellspacing="1" cellpadding="0" width="50%" bgcolor="#FF0000" border="0">

<tbody>

<tr bgcolor="#FFFFFF" height="20">

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<tr bgcolor="#FFFFFF" height="20">

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<tr bgcolor="#FFFFFF" height="20">
       <td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<tr bgcolor="#FFFFFF" height="20">

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

<td><div align="center">表格内容</div></td>

</tr></table></div>

说明:

 1)每排几个表格内容,可根据自己的需要或版面要求任意设置,只要在<tr bgcolor="#FFFFFF" height="20">的后面增加或减少<td><div align="center">表格内容</div></td>即可;

 2)文字及细线条的颜色bgcolor="#FF0000"也可根据自己的需要进行更改。 

 3)、调整字体大小:

文字前添加:<font size=#> ,文字后添加</font>,其中 #=1, 2, 3, 4, 5, 6, 7 ;从1到7表示字体由小到大,从这些数字里选择合适的一个代替#即可,可逐个试试观察效果最后选定。如果想文字再大,可以试用css语句style="FONT-SIZE: 400pt"

替换size=字号语句,其中400t 可以换,如换成500t,文字可达到无限大.但是有一些论坛不支持这种特效代码,必须先试后用. 

4)、调整字体色彩:

文字前添加<font color=#>,文字后添加</font> ,其中#=Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime, Fuchsia, White, Green, Purple, Silver, Yellow, Aqua 等不同的色彩,可从它们当中选择满意的一种色彩代替#即可,逐个试试观察效果最后选定。  

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>指定储存格合并列的列数(使用数字)


二、移动文字的代码

1、移动文字的基本代码:

(走马灯左到右):<marquee>写上你想写的字</marquee>

带有框的移动文字代码:<marquee direction=up behavior=scroll width=400 height=150 scrolldelay=80 scrollamount=1>插入文字(图片等)</marquee>

 

注解:

这里的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>设定卷动时间

 

     2、给移动文字加超连接代码

如何给滚动字幕加超链接?这跟平时的超链接是完全一样的。只要在文字外面加上<a href=***>和</a>就可以了。

代码是<marquee scrollAmount=2 width=300><a href=http://ysh6766.blog.163.com/>梦中人梦工场</a></marquee>,

点击梦中人梦工场就可以进入了.

梦中人梦工场

 3、交替效果基本代码:

<marquee scrollAmount=2 width=300 behavior=alternate>欢迎您来到梦工场</marquee>

  4、向右移动基本代码:<marquee scrollAmount=2 width=300 direction=right>欢迎您来到梦工场</marquee>

 

  5、向上移动基本代码:<marquee scrollAmount=2 height=100 direction=up>欢迎您来到梦工场</marquee>

  

 6、向下移动基本代码:<marquee scrollAmount=2 height=100 direction=down>欢迎您来到梦工场</marquee>

   

7、文字上下合并

        <P align=center>
        <CENTER>
        <MARQUEE direction=down height=60 scrollAmount=2>
         <CENTER><FONT color=#a25e6b face=华文彩云 size=8><B>梦中人

         欢迎您的光临</FONT></CENTER></B></MARQUEE>
       <CENTER>
       <MARQUEE direction=up height=60 scrollAmount=2>
       <CENTER><FONT color=#a25e79 face=华文彩云 size=8><B>梦中人

        欢迎您的光临</FONT></CENTER></B></MARQUEE></CENTER>

       </CENTER>

这里的height=60 是控制字体移动的高度范围

8、多行向上移动代码:<MARQUEE scrollAmount=1 direction=up 

behavior=alternate height=200><MARQUEE scrollAmount=1

direction=up height=100>锄禾日当午,<br>汗滴禾下土:

<br>谁知盘中餐,<br>粒粒皆辛苦。</MARQUEE></MARQUEE>

锄禾日当午,

汗滴禾下土:

谁知盘中餐,

粒粒皆辛苦。

   9、向上移动的文字代码2

  </font><br><P align=center>

  <TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>

  <TBODY>

  <TR>

  <TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>

  <DIV align=center>

  <MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=up>

  <P align=center><FONT face=隶书 color=#ff0000 size=7><B>向上移动的文字  

    </B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

   10、向下移动的文字代码2

    <P align=center>

    <TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>

    <TBODY>

    <TR>

     <TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>

    <DIV align=center>

     <MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8 direction=down>

     <P align=center><FONT face=隶书 color=#ff0000 size=7><B>向下移动的文字 

     </B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

    11、向左移动的文字代码2

    <P align=center>

    <TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>

    <TBODY>

    <TR>

    <TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>

    <DIV align=center>

    <MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=8>

     <P align=center><FONT face=隶书 color=#ff0000 size=5><B>向左移动的文字

     </B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

    12、向右移动的文字代码2

    <P align=center><BR></P>

    <P align=center>

     <MARQUEE style="WIDTH: 397px; HEIGHT: 200px" scrollAmount=10 direction=right>

     <P align=center><FONT face=隶书 color=#ff0000 size=7><B>向右移动的文字

    </B></FONT></P></MARQUEE></P>

   13、由中间向两边移动的文字和图像

   <P align=center> </P>

   <P align=center><FONT face=华文彩云 color=#ee110e size=5>

   <MARQUEE width=200 height=50><IMG onmousewheel="return bbimg(this)"

  style="CURSOR: pointer"    src="   " >由中间向两边移动的文字和图像 </FONT>

  </MARQUEE><FONT face=华文彩云 color=#ee110e size=5><FONT

   face=华文彩云 color=#ee1111 size=5>

   <MARQUEE direction=right width=200 height=50>由中间向两边移动的文字和图像<IMG

    style="CURSOR: pointer" src="   "

    ></FONT></MARQUEE></FONT></FONT></P></FONT>

    14、来回走动的文字代码

    </font><br>

     <P align=center> </P>

     <P align=center>

     <TABLE style="TABLE-LAYOUT: fixed; WORD-BREAK: break-all" width="90%" border=0>

      <TBODY>

      <TR>

      <TD style="FONT-SIZE: 11pt; LINE-HEIGHT: 15pt" width="100%"><BR>

      <DIV align=center>

     <MARQUEE scrollAmount=8 behavior=alternate ?WIDTH: 397px; HEIGHT: 200px?>

     <P align=center><FONT face=隶书 color=#ff0000 size=6><B>来回走动的文字

     </B></FONT></P></MARQUEE></DIV></TD></TR></TBODY></TABLE></P>

     15、波浪式移动的文字代码

     </font><br><P align=center> </P>

      <MARQUEE scrollAmount=5 direction=up behavior=alternate height=150>

      <DIV align=center>

      <MARQUEE scrollAmount=3 behavior=altrnate width=460 <IMG src="">

      <DIV align=center><FONT face=隶书 color=red size=7>波浪式的文字T>

      </FONT></DIV></MARQUEE></DIV></MARQUE></MARQUEE>

     16、带尾晕的移动文字代码:

     <MARQUEE style="FILTER: shadow(color=#00FF33, strength=8); WIDTH: 715px;

      HEIGHT: 106px" scrollAmount=10 DIV><FONT style="LINE-HEIGHT: normal;

      FONT-VARIANT: normal; FONT-STYLE: normal; FONT-SIZE: 40pt;

     FONT-WEIGHT: normal" color=#33ffff face=华文彩云>带着盈盈思念,带着温馨祈愿,

     远方的你是否无恙?在这个思念的季节里。真心祝愿你开心快乐!</FONT>

     <BR></MARQUEE>

效果:

带着盈盈思念,带着温馨祈愿, 远方的你是否无恙?在这个思念的季节里。真心祝愿你开心快乐!

 

17、左右运动的文字

</font><br><DIV align=center>

<MARQUEE direction=right width=250 height=50>

<DIV align=center> <FONT face=隶书 color=#ff0000 size=7>左右运动的文字 

  </FONT></DIV></MARQUEE></DIV>

<DIV align=center>

<MARQUEE width=250 height=50>

<DIV align=center><FONT face=隶书 color=#ff0000 size=7>左右运动的文字

  </FONT></DIV></MARQUEE></DIV>

18、原地跳动的文字

<DIV></DIV></B>

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%;

COLOR: #0033ff; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>原</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>地</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>跳</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>动</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>文</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=60 height=120>

<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>

19、交替跳跃的文字

<DIV></DIV></B>

<CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: mistyrose,pink=50); WIDTH: 100%;

COLOR: #ff6600; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">

<MARQUEE direction=up behavior=alternate width=80 height=160>

<CENTER><B>交</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80>

<CENTER><B>替</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80 height=160>

<CENTER><B>跳</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80>

<CENTER><B>跃</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80>

<CENTER><B>文</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=80 height=160>

<CENTER><B>字</B></CENTER></MARQUEE></MARQUEE></FONT></CENTERT>

20、模糊背景上下跳跃的字

<CENTER><CENTER><FONT style="FONT-SIZE: 40pt; FILTER: glow(color: 00cc00,strength=40); WIDTH:

100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云">

<MARQUEE direction=up behavior=alternate width=120 height=240>

<CENTER><B>模</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=120 height=180>

<CENTER><B>糊</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=120 height=240>

<CENTER><B>背</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=120 height=180>

<CENTER><B>景</B></CENTER></MARQUEE>

<MARQUEE direction=up behavior=alternate width=120 height=240>

<CENTER><B>字</B></CENTER></MARQUEE></FONT></CENTER>

 21、中间向上下移动:

<marquee direction=up scrollamount=3  

src=http://infonavi.gznet.gov.cn/jingging/welcome/jinggingt/fangtu3/huace/53.jpg

width=650></marquee></center><marquee direction=down scrollamount=3><center><div

style="width:400;filter:flipv;"><img src="" width=650></div></center></marquee>

22、左向右上下起伏飞翔,

<marquee direction=right><marquee behavior=alternate direction=up height=200><font color=0000ff

size=4 face=华文行楷><b>!去回快</b></font><br><img

src=http://www.tongtu.net/image/3/simeng/coolad.gif><img src=http://www.zzi.cc/sck/gif/wp5/h-red.gif><img

src=http://bbs.000562.com/attachments/iv6m_0050.gif></marquee><br></marquee>

注: height=200 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50至150的范围内比较好

23、右向左上下起伏飞翔,

<marquee direction=left><marquee behavior=alternate direction=up height=100><img

src=http://www.zzi.cc/sck/gif/wp5/h-red.gif><img

src=http://bbs.000562.com/attachments/iv6m_0050.gif><font color=0000ff size=3 face=华文行楷>我在追

“心”</b></font></marquee></marquee>

注: height=100 是上下起伏飞翔幅度,可以调整,区分图片大小,一般设置在50至150的范围内比较好

24、分两行上下跳动的彩字 代码:

<CENTER><FONT face=隶书 color=red size=25>

<MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE><FONT color=green>

<MARQUEE direction=up behavior=alternate width=60 height=80>大</MARQUEE><FONT color=brown>

<MARQUEE direction=up behavior=alternate width=60 height=120>家</MARQUEE><FONT color=green>

<MARQUEE direction=up behavior=alternate width=60 height=80>永</MARQUEE><FONT

color=orange>

<MARQUEE direction=up behavior=alternate width=60 height=120>远</MARQUEE><FONT

color=green>

<MARQUEE direction=up behavior=alternate width=60 height=80>幸</MARQUEE><FONT

color=orange>

<MARQUEE direction=up behavior=alternate width=60 height=120>福

</MARQUEE></FONT></B></MARQUEE></FONT></CENTER></FONT></FONT>

25、淡化向上移动的文字

 <CENTER>
       <TABLE border=0> <TBODY>
       <TR>
        <TD style="FILTER: Alpha(opacity=150,style=2)" width=349 

 background=http://shm.2000y.net/UploadFile/2005-6/200561214235442.gif height=256>
       <P><MARQUEE scrollAmount=2 direction=up height=540><FONT face=华文行楷 40pt>

<FONT face=华文行楷 40pt><CENTER><B><FONT color=#9932cc size=6>春晓 <BR>

</FONT><P><FONT color=#9932cc size=5>春眠不觉晓,</FONT> <BR>
       <P><FONT color=#9932cc size=5>处处闻啼鸟;</FONT> <BR>
       <P><FONT color=#9932cc size=5>夜来风雨声,</FONT> <BR>
        <P><FONT color=#9932cc size=5>花落知多少。</FONT> <BR>
        </FONT></P></B></CENTER></FONT></FONT><BR>
      <P></P></P></TD></TR></TBODY></TABLE>
       <CENTER></CENTER>
       <DIV></DIV><P>
       <DIV></DIV>

26、在文字边上加个滚动条

<TABLE cellSpacing=0 cellPadding=0 width=500 align=center border=9>
      <TBODY><TR>
      <TD align=middle>
       <DIV style="OVERFLOW: auto; HEIGHT: 360px"><FONT face=黑体 color=blue size=8>满江红 [岳飞] <BR> 

怒发冲冠,<BR>凭阑处、潇潇雨歇。<BR>抬望眼、仰天长啸,<br>壮怀激烈。<BR>三十功名尘与土,<BR>八千里路云和月。<BR>莫等闲、白了少年头,<BR>空悲切。 <BR>靖康耻,犹未雪;<BR>臣子恨,何时灭。<BR>驾长车踏破贺兰山缺。<BR>壮志饥餐胡虏肉,<BR>笑谈渴饮匈奴血。<BR>待从头收拾旧山河。<BR>朝天阙。

<BR></FONT></DIV></TD></TR></TBODY></TABLE>

27、大字横向移动

     <TABLE style="LEFT: -60px; WIDTH: 980px; POSITION: relative; TOP: 90px"  

     cellSpacing=30 align=center

      background=http://www.sxscq.com.cn/itdoor012/web/2004-4-3-4/11-spring.jpg  

      border=0><TBODY><TR>
      <TD>
      <MARQUEE hspace=40 vspace=40><BR><FONT style="FONT-SIZE: 60pt; 

      FILTER: shadow(color=yellow); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; 

       FONT-FAMILY: 华文彩云"><B>你好,我亲爱的朋友!

      </B></FONT></MARQUEE></TD></TR></TBODY></TABLE><BR></DIV>

28,竖排文字的移动(渐显)

1)不带背景的

<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>你我相伴!<BR>
人生有了浓情感悟,<BR>心似湖水,碧波荡漾,<BR>心灵深处春色满园。<BR>你是我心灵的港湾,<BR>

你是滋润我心灵的雨露,<BR>无论世间潮起潮落,<BR> 与你相随相伴,<BR>我人生无悔。<BR>
</FONT></P></MARQUEE></MARQUEE></DIV>

因为你的出现,
我有了快乐和思念,
在我的眼里,
你值得信赖,
心灵相通。
人间自有真情在。
我们浓结真诚和眷恋,
你我相伴!
人生有了浓情感悟,
心似湖水,碧波荡漾,
心灵深处春色满园。
你是我心灵的港湾,
你是滋润我心灵的雨露,
无论世间潮起潮落,
与你相随相伴,
我人生无悔。

2)带背景的

 

<TABLE borderColor=#cd5c5c height=350 width=450 align=center border=3>

           <TBODY>

           <TR>

           <TD background=http://img.bimg.126.net/photo/IoIUhLJv2U8N1Tx51OmsaA==/5071616130373007710.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>你我相伴!<BR>
人生有了浓情感悟,<BR>心似湖水,碧波荡漾,<BR>心灵深处春色满园。<BR>你是我心灵的港湾,<BR>

你是滋润我心灵的雨露,<BR>无论世间潮起潮落,<BR> 与你相随相伴,<BR>我人生无悔。<BR>
</FONT></P></MARQUEE></MARQUEE></DIV></TD></TR></TBODY></TABLE> 

 

因为你的出现,
我有了快乐和思念,
在我的眼里,
你值得信赖,
心灵相通。
人间自有真情在。
我们浓结真诚和眷恋,
你我相伴!
人生有了浓情感悟,
心似湖水,碧波荡漾,
心灵深处春色满园。
你是我心灵的港湾,
你是滋润我心灵的雨露,
无论世间潮起潮落,
与你相随相伴,
我人生无悔。

    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、控速移动字:
  <marquee scrollamount=N>控速移动字</marquee>
      控速移动字的速度控制值N的取值: 1. N<0与N=6速度相同; 2. N≠0; N>0的任意值。

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://xf.2000y.net/120487/uploadpic/2007021220044436009.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>
<MARQUEE style="FONT-SIZE: 11pt; FILTER: Wave(freq=5, light=20, phase=100, strength=6); WIDTH: 270px; COLOR: #ffffff; FONT-FAMILY: ??; HEIGHT: 270px" scrollAmount=1 scrollDelay=100 direction=up>
<P style="MARGIN-LEFT: 10px">喜欢静静地想你,<BR>放上一段优雅的音乐,<BR>沏上一杯淡淡的花茶,<BR>捧着一本厚厚的小说,<BR>在字行之间寻找你的影子。<BR>  你的身影很模糊,<BR>你的脸庞很朦胧,<BR>但这并不影响我想你的情绪。<BR>  我没有很想你,<BR>只是在高兴的时候会想起你,<BR>你是我第一个想要分享的人;<BR><BR>  我没有很想你,<BR>只是在不高兴的时候会想起你,<BR>你是我第一个想要倾诉的人。<BR>我想你,<BR>但只是想你而不打扰你。 !</P></MARQUEE></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">
<div style="PADDING-RIGHT: 0px; PADDING-LEFT: 10px; FILTER: alpha(opacity=60); WIDTH:
文字范围(宽)HEIGHT:文字范围(高)>文字内容</div></div><br /></div></div>

2、在图片上加闪光字

 <TABLE height=400 cellSpacing=0 cellPadding=0 width=500 align=center background=http://tech.china.com/zh_cn/home4u/sucai/gifanimation/line/0001.gif>
<TBODY>
<TR>
<TD style="FILTER: chroma(color=#336699)">
<TABLE
height=400 width=500 align=center background=http://img.ph.126.net/RNt0JkCp0SiV0njJrJUTCg==/3693514644397303177.gif>
<TBODY>
<TR>
<TD>
<P></P>
<DIV align=center>

<DIV style="WIDTH: 400px; WRITING-MODE: tb-rl; TEXT-ALIGN: center">
<P align=center><FONT face=华文行楷 color=#336699 size=6><B><B>难忘曲

<BR>夹道开洞门,<BR>弱杨低画戟。<BR>帘影竹华起,<BR>箫声吹日色。

<BR>蜂语绕妆镜,<BR>画蛾学春碧。<BR>乱系丁香梢,<BR>满栏花向夕。</P></B></FONT></FONT></B></DIV></DIV></TD></TR></TBODY>

</TABLE></TD></TR></TBODY></TABLE>   

效果:

难忘曲
夹道开洞门,
弱杨低画戟。
帘影竹华起,
箫声吹日色。
蜂语绕妆镜,
画蛾学春碧。
乱系丁香梢,
满栏花向夕。


                素材和代码汇编       博客技巧、素材、和现成精品代码     

                更多博客代码提供                返回我的首页选择

梦中人祝朋友们浏览开心!

  评论这张
 
阅读(39061)| 评论(67)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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