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

春雨

没有人能只依靠天分成功.上帝给予了天分,勤奋将天分变为天才

 
 
 

日志

 
 

移动文字代码  

2010-12-09 11:41:51|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自闲散人也《移动文字代码》

 

 

        

          移动文字代码 - 闲散人也 -

         

          一、设置可移动的文字

基本语法:

<marquee direction=移动方向 scrollamount=移动速度数值><FONT color=颜色代码 face=字体 size=字体大小>插入文字</marquee>

说明:移动速度数值,1最慢,数字越大越快.

属性如下:

direction=移动方向 可选值为向上(up) 向下(down) 向左(left) 向右(right)

代入例子: : direction=up(这是向上例子)

1、上下左右移动

效果:

向上:

欢迎光临闲散人也的博客

代码:

<MARQUEE style="WIDTH: 600px; HEIGHT: 100px" scrollAmount=2 direction=up><FONT face=隶书 color=#ff00ff size=6>欢迎光临闲散人也的博客</FONT></MARQUEE>

向下:

欢迎光临闲散人也的博客

代码:

<MARQUEE style="WIDTH: 628px; HEIGHT: 100px" scrollAmount=2 direction=down><FONT face=隶书 color=#ff00ff size=6>欢迎光临闲散人也的博客</FONT></MARQUEE>

向左:

欢迎光临闲散人也的博客

代码:

<MARQUEE style="WIDTH: 550px; HEIGHT: 51px" scrollAmount=2><FONT face=隶书 color=#ff00ff size=6>欢迎光临闲散人也的博客</FONT></MARQUEE>

向右:

欢迎光临闲散人也的博客

代码:

<MARQUEE style="WIDTH: 550px; HEIGHT: 51px" scrollAmount=2 direction=right><FONT face=隶书 color=#ff00ff size=6>欢迎光临闲散人也的博客</FONT></MARQUEE>

2、设置不同移动效果的文字

基本语法:

<marquee behavior=移动效果>插入文字,</marquee>

属性如下:

behavior=scroll 一圈一圈绕着走

behavior=slide 只走一次 

behavior=alternate 来回走

效果:

一圈一圈绕着走:

闲散人也欢迎您的光临

代码:

<MARQUEE style="WIDTH: 600px; HEIGHT: 50px"><FONT face=隶书 color=#ff00ff size=6>闲散人也欢迎您的光临</FONT></MARQUEE>

只走一次:

闲散人也欢迎您的光临

代码:

<MARQUEE style="WIDTH: 600px; HEIGHT: 51px" behavior=slide><FONT face=隶书 color=#ff00ff size=6>闲散人也欢迎您的光临</FONT></MARQUEE>

来回走:

闲散人也欢迎您的光临

代码:

<MARQUEE style="WIDTH: 600px; HEIGHT: 51px" behavior=alternate><FONT face=隶书 color=#ff00ff size=6>闲散人也欢迎您的光临</FONT></MARQUEE>

走走停停:

基本语法:

<marquee scrolldelay=500 scrollamount=100>插入文字</marquee>

效果:

闲散人也欢迎您的光临

代码:

<MARQUEE style="WIDTH: 600px; HEIGHT: 51px" scrollAmount=100 scrollDelay=500><FONT face=隶书 color=#ff00ff size=6>闲散人也欢迎您的光临</FONT></MARQUEE>

3、 由中间向两边移动的文字 由中间向两边移动的文字由中间向两边移动

  由中间向两边移动的文字 字文的动移边两向间中由

代码:

<MARQUEE width=200 height=50><FONT face=华文行楷 color=red size=6>由中间向两边移动的文字</FONT></MARQUEE>

<MARQUEE direction=right width=200 height=50><FONT face=华文行楷 color=red size=6>由中间向两边移动的文字</FONT></MARQUEE>

提醒:在用这种效果时,文字移动范围的宽width的取值很重要,两段文字移动范转的width取值和一定要小于背景层width的取值。

4、 由上下向中间移动的文字 由上下向中间移动的文字 由上下向中间移动

由中间向两边移动的文字

由中间向两边移动的文字

代码:

<MARQUEE width=200 height=50><FONT face=华文行楷 color=red size=6>由中间向两边移动的文字</FONT></MARQUEE>

<MARQUEE direction=right width=200 height=50><FONT face=华文行楷 color=red size=6>由中间向两边移动的文字</FONT></MARQUEE>

5、 双排向上运动的字 双排向上运动的字双排向上运动 

双排向上运动的字

双排向上运动的字

代码:

<MARQUEE scrollAmount=3 direction=up height=60><FONT face=华文行楷 color=red size=6>双排向上运动的字</MARQUEE></P>

<P style="TEXT-INDENT: 2em">

<MARQUEE scrollAmount=3 direction=up height=60><FONT face=华文行楷 color=red size=6>双排向上运动的字</MARQUEE>

6、双排向下运动的字 双排向下运动的字双排向下运动

双排向下运动的字

双排向下运动的字

代码:

<MARQUEE scrollAmount=3 direction=down height=60><FONT face=华文行楷 color=red size=6>双排向下运动的字</FONT></MARQUEE></P>

<P style="TEXT-INDENT: 2em">

<MARQUEE scrollAmount=3 direction=down height=60><FONT face=华文行楷 color=red size=6>双排向下运动的字</FONT></MARQUEE>

7、由中间向上下移动的字 

闲散人也欢迎您

闲散人也欢迎您

代码:

  <P style="TEXT-INDENT: 2em">
<MARQUEE style="WIDTH: 260px; HEIGHT: 50px" scrollAmount=3 direction=up height=50>
<P></P>
<P style="TEXT-INDENT: 2em"><FONT face=华文新魏 color=red size=6>闲散人也欢迎您</FONT></P></MARQUEE></P>
<P style="TEXT-INDENT: 2em">
<MARQUEE style="WIDTH: 260px; HEIGHT: 50px" scrollAmount=3 direction=down height=50>
<P></P>
<P style="TEXT-INDENT: 2em"><FONT face=华文新魏 color=red size=6>闲散人也欢迎您</FONT></P></MARQUEE></P>

8、五彩移动字

代码:
<DIV align=center>
<MARQUEE scrollAmount=2 width=55 height=55 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#66ff00 ><B>闲</B></FONT></B></B></MARQUEE>
<MARQUEE scrollAmount=2 width=55 height=55 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000 ><B>散</B></FONT></B></B></MARQUEE>
<MARQUEE scrollAmount=2 width=55 height=55 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#f709f7 ><B>人</B></FONT></B></B></MARQUEE>
<MARQUEE scrollAmount=2 width=55 height=55 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000 ><B>也</B></FONT></B></B></MARQUEE>
<MARQUEE scrollAmount=2 width=55 height=55 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#0909f7 ><B>祝</B></FONT></B></B></MARQUEE>
<MARQUEE scrollAmount=2 width=55 height=55 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#ff0000 ><B>你</B></FONT></B></B></MARQUEE>
<MARQUEE scrollAmount=2 width=55 height=55 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#0909f7 ><B>快</B></FONT></B></B></MARQUEE>
<MARQUEE scrollAmount=2 width=55 height=55 align="center" scrolldely="10"><B><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 30pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#eeee11 ><B>乐</B></FONT></B></B></MARQUEE></FONT>
<CENTER></CENTER></DIV>

二、不同字体移动特效

1、阴影滚动字

循环滚动代码:

<MARQUEE style="FONT-SIZE: 25pt; FILTER: shadow(color=FFFF33 ); WIDTH: 100%; COLOR: #ff0000; FONT-FAMILY: 隶书" scrollAmount=3 FONT>欢迎来到闲散人也博客</MARQUEE>

欢迎来到闲散人也博客

      

来回移动代码

<MARQUEE style="FONT-SIZE: 25pt; FILTER: shadow(color=33FFFF ); WIDTH: 100%; COLOR: #3300ff; FONT-FAMILY: 隶书" scrollAmount=2 behavior=alternate FONT>欢迎来到闲散人也博客</MARQUEE><P>

欢迎来到闲散人也博客

2、投射阴影滚动字

循环滚动代码:

</P><MARQUEE style="FONT-SIZE: 25pt; FILTER: Shadow(color=#660099,direction=135); HEIGHT: 30pt" scrollAmount=3 font face="隶书" color="#009900">闲散人也欢迎你</FONT></MARQUEE>

闲散人也欢迎你

来回移动代码:

<MARQUEE style="FONT-SIZE: 25pt; FILTER: Shadow(color=#660099,direction=135); HEIGHT: 30pt" scrollAmount=3 behavior=alternate font face="隶书" color="#009900">闲散人也欢迎你</FONT></MARQUEE><P>

闲散人也欢迎你

3、发光滚动字

循环滚动代码: :

</P><MARQUEE style="FONT-SIZE: 20pt; FILTER: glow(color=FFFF66); WIDTH: 100%; COLOR: #0033cc; FONT-FAMILY: 华文彩云" scrollAmount=3 FONT><B>闲散人也欢迎你</B></FONT></MARQUEE>

闲散人也欢迎你

来回移动代码:

<MARQUEE style="FONT-SIZE: 20pt; FILTER: glow(color=FFFF66); WIDTH: 100%; COLOR: #0033cc; FONT-FAMILY: 华文彩云" scrollAmount=3 behavior=alternate FONT><B>闲散人也欢迎你</B></FONT></MARQUEE>

闲散人也欢迎你

4、.若隐若现滚动字

循环滚动代码:

</P><MARQUEE style="FONT-SIZE: 30pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" scrollAmount=3 FONT><B>闲散人也欢迎你</B></FONT></MARQUEE>

闲散人也欢迎你

来回移动代码:

<MARQUEE style="FONT-SIZE: 30pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" scrollAmount=3 behavior=alternate FONT><B>闲散人也欢迎你</B></FONT></MARQUEE><P>

闲散人也欢迎你

本代码属性分析: opacity:设置透明度,取值0至100之间的任意数值,100表示完全不透明; style:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变; width:100%则表示参与渐变的对象的宽度,通常都设置为100%。

5、清晰阴影滚动字

循环滚动代码:

</P><MARQUEE style="FONT-SIZE: 20pt; FILTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷" scrollAmount=3 FONT><B>闲散人也欢迎你</B></FONT></MARQUEE>

闲散人也欢迎你

来回移动代码:

<MARQUEE style="FONT-SIZE: 20pt; FILTER: dropshadow(color=#228B22,offX=5,offY=3,Positive=1); WIDTH: 100%; COLOR: #ff7f50; LINE-HEIGHT: 150%; FONT-FAMILY: 华文行楷" scrollAmount=3 behavior=alternate FONT><B>闲散人也欢迎你</B></FONT></MARQUEE><P>

闲散人也欢迎你

6、波纹效果滚动字

循环滚动代码:

</P><MARQUEE style="FONT-SIZE: 30pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" scrollAmount=3 FONT><B>闲散人也欢迎你</B></FONT></MARQUEE>

闲散人也欢迎你

来回移动代码:

<MARQUEE style="FONT-SIZE: 30pt; FILTER: wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" scrollAmount=3 behavior=alternate FONT><B>闲散人也欢迎你</B></FONT></MARQUEE>

闲散人也欢迎你

本代码属性分析: add:波纹型,0或1,0表示将原始对象加入最后效果中,1则反之; freq:决定显示的频率,即应出现多少个波形; phrase:决定波形的形状,值取0至360之间; strength:决定波形的振幅

7、立体滚动字

循环滚动代码:

</P><MARQUEE style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" scrollAmount=3 FONT><B>闲散人也欢迎你</B></FONT></MARQUEE>

闲散人也欢迎你

来回移动代码:

<MARQUEE style="FONT-SIZE: 30pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书" scrollAmount=3 behavior=alternate FONT><B>闲散人也欢迎你</B></FONT></MARQUEE>

闲散人也欢迎你

8、金属滚动字

循环滚动码:

</P><MARQUEE style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云" scrollAmount=3 FONT><B>闲散人也欢迎你</B></FONT></MARQUEE>

闲散人也欢迎你

来回移动代码:

<MARQUEE style="FONT-SIZE: 30pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云" scrollAmount=3 behavior=alternate FONT><B>闲散人也欢迎你</B></FONT></MARQUEE>

闲散人也欢迎你

9、空心金属滚动字

循环滚动代码:

</P><MARQUEE style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云" scrollAmount=3 FONT><B>闲散人也欢迎你</B></MARQUEE>

闲散人也欢迎你

来回移动代码::

<MARQUEE style="FONT-SIZE: 30pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云" scrollAmount=3 behavior=alternate FONT><B>闲散人也欢迎你</B></MARQUEE>

闲散人也欢迎你

10、凹凸投影滚动字

循环滚动代码:

</P><MARQUEE style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云" scrollAmount=3 FONT><B>闲散人也欢迎你</B></FONT></MARQUEE>

闲散人也欢迎你

来回移动代码:

<MARQUEE style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云" scrollAmount=3 behavior=alternate FONT><B>闲散人也欢迎你</B></FONT></MARQUEE>

闲散人也欢迎你

 11、空心滚动字

循环滚动: 闲散人也欢迎你代码:

<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #cc0033; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>闲散人也欢迎你</B></FONT> </MARQUEE>

闲散人也欢迎你

12、描边中空抛射滚动字

循环滚动代码:

<marquee scrollamount=3 DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px"><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#33ffff>闲散人也欢迎你</B></FONT></MARQUEE>

闲散人也欢迎你

来回移动代码:

<MARQUEE style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px" scrollAmount=3 behavior=alternate DIV><FONT style="FONT-WEIGHT: normal; FONT-SIZE: 40pt; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-VARIANT: normal" face=华文彩云 color=#33ffff>闲散人也欢迎你</B></FONT></MARQUEE>

闲散人也欢迎你

    

移动文字代码 - 闲散人也 -   

                           您已欣赏本篇日志移动文字代码 - 闲散人也 -  移动文字代码 - 闲散人也 -  移动文字代码 - 闲散人也 -  移动文字代码 - 闲散人也 -  秒.谢谢朋友对我的支持!  

 移动文字代码 - 闲散人也 -

                      移动文字代码 - 闲散人也 -

                         移动文字代码 - 闲散人也 -  闲散人也 ★★★★★★★★★★欢迎您的光临!

移动文字代码 - 闲散人也 -

 

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

历史上的今天

评论

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

页脚

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