移动文字代码

昵称4247575 2011-01-11

展开全文

移动文字代码

代码大全 2009-10-29 00:08:53 阅读19 评论0 字号：大中小订阅

引用

闲散人也的移动文字代码







 一、设置可移动的文字

基本语法：

<marquee direction=移动方向 scrollamount=移动速度数值>插入文字</marquee>

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

属性如下：

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

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

1、上下左右移动

效果：

向上：

欢迎光临闲散人也的博客

代码：

<MARQUEE style="WIDTH: 600px; HEIGHT: 100px" scrollAmount=2 direction=up>欢迎光临闲散人也的博客</MARQUEE>

向下：

欢迎光临闲散人也的博客

代码：

<MARQUEE style="WIDTH: 628px; HEIGHT: 100px" scrollAmount=2 direction=down>欢迎光临闲散人也的博客</MARQUEE>

向左：

欢迎光临闲散人也的博客

代码：

<MARQUEE style="WIDTH: 550px; HEIGHT: 51px" scrollAmount=2>欢迎光临闲散人也的博客</MARQUEE>

向右：

欢迎光临闲散人也的博客

代码：

<MARQUEE style="WIDTH: 550px; HEIGHT: 51px" scrollAmount=2 direction=right>欢迎光临闲散人也的博客</MARQUEE>

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

基本语法：

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

属性如下：

behavior=scroll 一圈一圈绕着走

behavior=slide 只走一次　

behavior=alternate 来回走

效果：

一圈一圈绕着走：

闲散人也欢迎您的光临

代码：

<MARQUEE style="WIDTH: 600px; HEIGHT: 50px">闲散人也欢迎您的光临</MARQUEE>

只走一次：

vior=slide>闲散人也欢迎您的光临

代码：

<MARQUEE style="WIDTH: 600px; HEIGHT: 51px" behavior=slide>闲散人也欢迎您的光临</MARQUEE>

来回走：

vior=alternate>闲散人也欢迎您的光临

代码：

<MARQUEE style="WIDTH: 600px; HEIGHT: 51px" behavior=alternate>闲散人也欢迎您的光临</MARQUEE>

走走停停：

基本语法：

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

效果：

闲散人也欢迎您的光临

代码：

<MARQUEE style="WIDTH: 600px; HEIGHT: 51px" scrollAmount=100 scrollDelay=500>闲散人也欢迎您的光临</MARQUEE>

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

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

代码：

<MARQUEE width=200 height=50>由中间向两边移动的文字</MARQUEE>

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

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

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

由中间向两边移动的文字

由中间向两边移动的文字

代码：

<MARQUEE width=200 height=50>由中间向两边移动的文字</MARQUEE>

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

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

双排向上运动的字

双排向上运动的字

代码：

<MARQUEE scrollAmount=3 direction=up height=60>双排向上运动的字</MARQUEE>



<MARQUEE scrollAmount=3 direction=up height=60>双排向上运动的字</MARQUEE>

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

双排向下运动的字

双排向下运动的字

代码：

<MARQUEE scrollAmount=3 direction=down height=60>双排向下运动的字</MARQUEE>



<MARQUEE scrollAmount=3 direction=down height=60>双排向下运动的字</MARQUEE>

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

闲散人也欢迎您

闲散人也欢迎您

代码：


<MARQUEE style="WIDTH: 260px; HEIGHT: 50px" scrollAmount=3 direction=up height=50>

闲散人也欢迎您</MARQUEE>

<MARQUEE style="WIDTH: 260px; HEIGHT: 50px" scrollAmount=3 direction=down height=50>

闲散人也欢迎您</MARQUEE>

8、五彩移动字

闲散人也祝你快乐

代码：
<DIV align=center>
<MARQUEE scrollAmount=2 width=55 height=55 align="center" scrolldely="10">闲</MARQUEE>
<MARQUEE scrollAmount=2 width=55 height=55 align="center" scrolldely="10">散</MARQUEE>
<MARQUEE scrollAmount=2 width=55 height=55 align="center" scrolldely="10">人</MARQUEE>
<MARQUEE scrollAmount=2 width=55 height=55 align="center" scrolldely="10">也</MARQUEE>
<MARQUEE scrollAmount=2 width=55 height=55 align="center" scrolldely="10">祝</MARQUEE>
<MARQUEE scrollAmount=2 width=55 height=55 align="center" scrolldely="10">你</MARQUEE>
<MARQUEE scrollAmount=2 width=55 height=55 align="center" scrolldely="10">快</MARQUEE>
<MARQUEE scrollAmount=2 width=55 height=55 align="center" scrolldely="10">乐</MARQUEE>
<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>

vior=alternate FONT>欢迎来到闲散人也博客

2、投射阴影滚动字

循环滚动代码：

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

闲散人也欢迎你

来回移动代码：

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

vior=alternate font face="隶书" color="#009900">闲散人也欢迎你

3、发光滚动字

循环滚动代码: ：

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

闲散人也欢迎你

来回移动代码：

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

vior=alternate FONT>闲散人也欢迎你

4、.若隐若现滚动字

循环滚动代码：

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

vior=alternate FONT>闲散人也欢迎你

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

5、清晰阴影滚动字

循环滚动代码：

<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>闲散人也欢迎你</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>闲散人也欢迎你</MARQUEE>

vior=alternate FONT>闲散人也欢迎你

6、波纹效果滚动字

循环滚动代码：

<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>闲散人也欢迎你</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>闲散人也欢迎你</MARQUEE>

vior=alternate FONT>闲散人也欢迎你

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

7、立体滚动字

循环滚动代码：

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

vior=alternate FONT>闲散人也欢迎你

8、金属滚动字

循环滚动码：

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

vior=alternate FONT>闲散人也欢迎你

9、空心金属滚动字

循环滚动代码：

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

闲散人也欢迎你

来回移动代码:：

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

vior=alternate FONT>闲散人也欢迎你

10、凹凸投影滚动字

循环滚动代码：

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

vior=alternate FONT>闲散人也欢迎你

11、空心滚动字

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

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

闲散人也欢迎你

12、描边中空抛射滚动字

循环滚动代码：

<marquee scrollamount=3 DIV style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px">闲散人也欢迎你</MARQUEE>

闲散人也欢迎你

来回移动代码：

<MARQUEE style="FILTER: shadow(color=#3300FF, strength=8); WIDTH: 490px" scrollAmount=3 behavior=alternate DIV>闲散人也欢迎你</MARQUEE>

vior=alternate DIV>闲散人也欢迎你



 您已欣赏本篇日志分秒.谢谢朋友对我的支持!



 【闲散人也】★★★★★★★★★★欢迎您的光临！