marquee scrollamount

其实它就是网页设计时移动文字的代码了。

各位亲们一定注意：下面给出的是源代码，是要在源代码模式下编辑输入哦！基本代码<marquee>...</marquee>代码：<marquee>你看我会移动哦！</marquee>效果：移动方向direction="#"#=left,right,up,down代码：<marquee>你看我会从右向左移！</marquee><marquee direction="right">你看会我从左向右移！</marquee><marquee direction="up">你看我会从下向上移！</marquee><marquee direction="down">你看我会从上向下移！</marquee>效果：移动方式#=scroll,alternate代码：<marquee>你看我会一圈一圈绕着走！</marquee><marquee behavior="alternate">你看我会来回走！</marquee>效果：速度scrollamount="#"代码：<marquee scrollamount="20">你看我走得好快哦！</marquee> 效果：延时scrolldelay="#"代码：<marquee scrollamount="100" scrolldelay="500">你看我走走停停！</marquee>效果：底色bgcolor=##=rrggbb16 进制数码，或者是下列预定义色彩：Black,Olive,Teal,Red,Blue,Maroon,Navy,Gray,Lime,Fuchsia,White,Green,Purple,Silver,Yellow,Aqua代码：<marquee bgcolor="#aaaaee">你看我会移动而且还有背景色哦！</marquee>效果：面积height="#" width="#"代码：<marquee bgcolor="#aaeeaa" height="40" width="50%">你看我会移动而且宽度只占一半哦！</marquee>效果：好啦，大家学会了吗？。

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 #daa5205、移动文字代码：<marquee width="157" height="21">欢迎您</marquee>6、修改导航,但还是原来的格式,但是改变字体和背景代码：<img src="/blog/javascript:bt_1.innerText="导航文字;';bt_2.innerText='导航文字';bt_3.innerText='导航文字';bt_4.innerText='导航文字';bt_5.innerText='导航文字';bt_6.innerText='导航文字';bt_7.innerText='导航文字';bt_8.innerText='导航文字';">在加上透明效果:<imgsrc="/blog/javascript:bt_1.style.background="url()';bt_2.style.background='url()';bt_3.style.background='url()';bt_4.style.background='url()';bt_5.style.background='url()';bt_6.style.background='url()';bt_7.style.background='url()';bt_8.style.background='url()';"></img>在加上颜色效果:<imgsrc="javascript:document.getElementById('bt_1').style.color='#D9D919';docum ent.getElementById('bt_2').style.color='#FF00FF';document.getElementById('bt_3').style.color='#FFFFFF';document.getElementById('bt_4').style.color='#33ff00';document.getElementById('bt_5').style.color='#FF7F00';document.getEl ementById('bt_6').style.color='#FF0000';document.getElementById('bt_7').style.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><FONTstyle="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=/uploadFile/2004-12/20041210163350528.jpg>< marquee behavior=alternate scrollamount=3 direction=downheight=350><marquee behavior=alternate scrollamount=3 width=500><imgsrc=1.gif><font color=red size=6><b>欢迎您</b><imgsrc=1.gif></font></marquee></table><br>18、改变滚动字幕的颜色代码：<marquee scrollAmount=2 width=300><a style=color:CC6600>欢迎您</a></marquee>19、当鼠标停留在文字上，文字停止滚动代码：<marquee scrollAmount=2 width=300 onmouseover=stop() onmouseout=start()>欢迎您</marquee>20、文字交替效果特效代码：<marquee scrollAmount=2 width=150 behavior=alternate>欢迎您</marquee>21、不停变化颜色的字代码：<DIV id=texture style="WIDTH: 460px; HEIGHT:30px"><IMG height=2src="/web/ewebeditor/UploadFile/2005101692624157.gif" width=460pxalign=right><IMG height=30pxsrc="/web/ewebeditor/UploadFile/2005101692625359.gif" width=446.2pxalign=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 id="layer25" style="padding:0px; LEFT: 2px; OVERFLOW: hidden; WIDTH:634px; POSITION: absolute; 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>。

滚动文字Marquee属性及参数设置参数：direction 表示滚动的方向，值可以是left，right，up，down，默认为leftbehavior 表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（来回滚动）loop 表示循环的次数，值是正整数，默认为无限循环scrollamount 表示运动速度，值是正整数，默认为6scrolldelay 表示停顿时间，值是正整数，默认为0，单位是毫秒valign 表示元素的垂直对齐方式，值可以是top，middle，bottom，默认为middlealign 表示元素的水平对齐方式，值可以是left，center，right，默认为leftbgcolor 表示运动区域的背景色，值是16进制的RGB颜色，默认为白色height、width 表示运动区域的高度和宽度，值是正整数（单位是像素）或百分数，默认width=100% height为标签内元素的高度hspace、vspace 表示元素到区域边界的水平距离和垂直距离，值是正整数，单位是像素。

onmouseover=this.stop() onmouseout=this.start() 表示当鼠标以上区域的时候滚动停止，当鼠标移开的时候又继续滚动。

基本语法-------------------------------------------<marquee>滚动文字</marquee>文字移动属性的设置方向<direction=#> #=left, right,up,down <marquee direction=left>从右向左移！</marquee>方式<bihavior=#> #=scroll, slide, alternate <marquee behavior=scroll>一圈一圈绕着走！</marquee> <marquee behavior=slide>只走一次就歇了！</marquee><marquee behavior=alternate>来回走</marquee>循环<loop=#> #=次数；若未指定则循环不止(infinite) <marquee loop=3 width=50%behavior=scroll>只走3 趟</marquee> <P><marquee loop=3 width=50% behavior=slide>只走3 趟</marquee><marquee loop=3 width=50% behavior=alternate>只走3 趟！</marquee>速度<scrollamount=#> <marquee scrollamount=20>啦啦啦，我走得好快哟！</marquee>延时<scrolldelay=#> <marquee scrolldelay=500 scrollamount=100>啦啦啦，我走一步，停一停！</marquee>外观(Layout)设置对齐方式(Align)<align=#> #=top, middle, bottom <font size=6><marquee align=# width=400>啦啦啦，我会移动耶！</marquee></font>底色<bgcolor=#> #=rrggbb 16 进制数码，或者是下列预定义色彩：Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,Fuchsia, White, Green, Purple, Silver, Yellow, Aqua <marquee bgcolor=aaaaee>颜色！</marquee>面积<height=# width=#> <marquee height=40 width=50% bgcolor=aaeeaa>面积！</marquee>空白(Margins)<hspace=# vspace=#><marquee hspace=20 vspace=20 width=150 bgcolor=ffaaaa align=middle>面积！</marquee> 鼠标响应：即鼠标指向就停，离开继续.onmouseover="this.stop()" onmouseout="this.start()">例如：<marquee direction=up scrollamount=2 onmouseover="this.stop();"onmouseout="this.start();" width=100 height=100>中华人民共和国中华人民共和国<br>中国站长网欢迎您<br>我学会了，哈哈哈</marquee>。

文字滚动代码一、简单的横向滚动1、代码：<MARQUEE>你的文字</MARQUEE>2、效果：你的文字二、加以控制的横向滚动1、代码：<MARQUEE scrollamount="3" width="300" direction="right">你的文字</MARQUEE>2、效果：你的文字三、加以控制的纵向滚动1、代码：<MARQUEE scrollamount="3" height="100" direction="up">你的文字</MARQUEE>2、效果：你的文字代码说明a)scrollAmount。

它表示速度，值越大速度越快。

如果没有它，默认为6，建议设为1～3比较好。

b)width和height，表示滚动区域的大小，width是宽度，height是高度。

特别是在做垂直滚动的时候，一定要设height的值。

c)direction。

表示滚动的方向，默认为从右向左：←←←。

可选的值有right、down、up。

滚动方向分别为：right表示→→→，up表示↑，down表示↓。

d)scrollDelay，这也是用来控制速度的，默认为90，值越大，速度越慢。

通常scrollDelay 是不需要设置的。

e)behavior。

用它来控制属性，默认为循环滚动，可选的值有alternate(交替滚动)、slide(幻灯片效果，指的是滚动一次，然后停止滚动)滚动文字代码大全1. 文字来回滚动：文字来回滚动代码： <MARQUEE scrollAmount=3 behavior=alternate>文字来回滚动</MARQUEE>2. 向右移动的竖排文字：向右移动的竖排文字向右移动的竖排文字向右移动的竖排文字向右移动的竖排文字代码：<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=3 scrollDelay=0 direction=up width=250 height=150><P align=left>向右移动的竖排文字</SPAN><BR>向右移动的竖排文字<BR>向右移动的竖排文字<BR>向右移动的竖排文字</P></MARQUEE>3. 向上移动的文字：向上移动的文字向上移动的文字代码： <MARQUEE style="WIDTH: 250px; HEIGHT: 100px" scrollAmount=3 direction=up>向上移动的文字<BR>向上移动的文字</MARQUEE>4. 向下移动的文字：向下移动的文字向下移动的文字代码： <MARQUEE style="WIDTH: 250px; HEIGHT: 100px" scrollAmount=3 direction=down>向下移动的文字<BR>向下移动的文字</MARQUEE>5. 从右向左滚动：从右向左滚动代码： <MARQUEE scrollAmount=2>从右向左滚动</MARQUEE>6. 从左向右滚动：从左向右滚动代码： <MARQUEE scrollAmount=2 direction=right>从左向右滚动</MARQUEE>7. 上下反弹：上下反弹代码： <MARQUEE style="WIDTH: 700px; HEIGHT: 150px" scrollAmount=2 direction=up behavior=alternate>上下反弹</MARQUEE>8. 从左向右文字波浪式移动：从左向右文字波浪式移动代码：<MARQUEE style="WIDTH: 80%; HEIGHT: 100px" scrollAmount=2 direction=up behavior=alternate width="80%"><MARQUEE direction=right>从左向右文字波浪式移动</MARQUEE></MARQUEE>9. 文字来回波浪式移动：文字来回波浪式移动代码：<MARQUEE style="WIDTH: 80%; HEIGHT: 100px" scrollAmount=2 direction=up behavior=alternate width="80%"><MARQUEE direction=right behavior=alternate>文字来回波浪式移动</MARQUEE></MARQUEE>10. 躲躲字，跑给你追：躲躲字，跑给你追代码： <MARQUEE behavior=alternate><MARQUEE scrollAmount=5 width=150>躲躲字，跑给你追</MARQUEE></MARQUEE>11. 原地跳动的文字：祝大家永远幸福代码：<MARQUEE direction=up behavior=alternate width=60 height=120>祝</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=80>大</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=120>家</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=80>永</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=120>远</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=80>幸</MARQUEE><MARQUEE direction=up behavior=alternate width=60 height=120>福</MARQUEE>12. 波浪字：波浪字波浪字代码：<MARQUEE style="FILTER: wave(add=0,phase=1, freq=1,strength=15,color=.FFFFFF)" scrollAmount=2 scrollDelay=65 direction=upbehavior=alternate height=120><CENTER>波浪字<BR>波浪字</CENTER></MARQUEE>13. 由中间向两边移动的文字：欢迎光临欢迎光临代码： <P align=center><FONT color=#ee110e size=7 face=宋体><MARQUEE height=50 width=600>欢迎光临</MARQUEE></FONT></MARQUEE><FONT color=#ee110e size=7 face=宋体><FONT color=#ee1111 size=7 face=宋体><MARQUEE direction=right height=50 width=600>欢迎光临</MARQUEE></FONT></MARQUEE></FONT></FONT></P><P align=center><FONT color=#ee110e size=7 face=宋体>14. 由上下向中间移动的字体：祝你快乐祝你快乐代码： <P align=center><MARQUEE style="WIDTH: 510px; HEIGHT: 60px" direction=down height=60 scrollAmount=2><CENTER><FONT color=#ff0000 size=5 face=隶书><B>祝你快乐</B></FONT></CENTER></B></MARQUEE></P><CENTER><MARQUEE style="WIDTH: 513px; HEIGHT: 60px" direction=up height=60 scrollAmount=2><CENTER><FONT color=#ff0000 size=5 face=隶书><B>祝你快乐</B></FONT></CENTER></B></MARQUEE></CENTER>15. 左右运动的文字：浏览愉快浏览愉快代码：<DIV align=center><MARQUEE direction=right height=50 width=600><DIV align=center> <FONT color=#ff0000 size=5>浏览愉快</FONT></DIV></MARQUEE></DIV> <DIV align=center><MARQUEE height=50 width=600><DIV align=center><FONT color=#ff0000 size=5 face=隶书>浏览愉快</FONT></DIV></MARQUEE></DIV>注: 各参数详解：1) scrollAmount。

marque‎e标签的用法‎Marque‎e标记用于在‎可用浏览区域‎中滚动文本。

这个标记只适‎用于IE3以‎后的版的浏览‎器：格式：[MARQUE‎E ALIGN="…"BEHAVI‎O R="…"BGCOLO‎R="…"DIRECT‎I ON="…"HEIGHT‎="…"WIDTH="…"HSPACE‎="…"VSPACE‎="…"LOOP="…"SCROLL‎A MOUNT‎="…"SCROLL‎D ELAY="…"ONMOUS‎E OUT=this.start() ONMOUS‎E OVER=this.stop() ]…[/MARQUE‎E]属性：ALIGN：用于按设定的‎值对齐滚动的‎文本。

ALIGN可‎以设定的值有‎：LEFT，CENTER‎，RIGHT， TO P，BOTTOM‎。

此属性不是必‎须使用的。

例：[MARQUE‎E ALIGN="TOP"] 这段滚动文字‎设定为上对齐‎[/MARQUE‎E]BEHAVI‎O R：可以在页面上‎一旦出现文本‎时让浏览器按‎照设定的方法‎来处理文本。

如果设定的方‎法是 SLI DE，那么文本就移‎动到文档上，并停留在页边‎距上。

如果设定为A‎L TERNA‎T E，则文本从一边‎移动到另一边‎。

如果设定为SC‎R OLL，文本将在页面‎上反复滚动。

本属性不是必‎须使用的。

可以设定的值‎有：SILIDE‎， ALTERN‎A T E，SCROLL‎。

例：[MARQUE‎E BEHAVI‎O R="ALTERN‎A TE"] 文字从一边移‎动到另一边 [/MARQUE‎E]BGCOLO‎R：用于设定字幕‎的背景颜色。

HTML标签marquee实现滚动效果的简单⽅法（必看）页⾯的⾃动滚动效果，可由javascript来实现，但是今天⽆意中发现了⼀个html标签 - <marquee></marquee>可以实现多种滚动效果，⽆需js控制。

使⽤marquee标记不仅可以移动⽂字，也可以移动图⽚，表格等.语法：<marquee>...</marquee>；说明：在标记之间添加要进⾏滚动的内容。

重要属性：1.滚动⽅向direction（包括4个值：up、 down、 left和 right） 语法：<marquee direction="滚动⽅向">...</marquee>2.滚动⽅式behavior（scroll:循环滚动，默认效果； slide:只滚动⼀次就停⽌； alternate:来回交替进⾏滚动） 语法：<marquee behavior="滚动⽅式">...</marquee>3.滚动速度scrollamount（滚动速度是设置每次滚动时移动的长度，以像素为单位） 语法：<marquee scrollamount="5">...</marquee>4.滚动延迟scrolldelay（设置滚动的时间间隔，单位是毫秒） 语法：<marquee scrolldelay="100">...</marquee>5.滚动循环loop（默认值是-1，滚动会不断的循环下去） 语法：<marquee loop="2">...</marquee>6.滚动范围width、height7.滚动背景颜⾊bgcolor8.空⽩空间hspace、vspace代码⽰例：XML/HTML Code复制内容到剪贴板1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd">2. <html xmlns="http://www.w/1999/xhtml">3. <head>4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />5. <title>⽆标题⽂档</title>6. </head>7.8. <body>9. <div>10. <marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="1000" height="50" bgcolor="#0099FF" hspace="10" vspace="10">11. 指整个Marquee对齐⽅式; (2)behavior:设置滚动的⽅式: scroll:表⽰由⼀端滚动到另⼀端,会重复,缺陷是不能⽆缝滚动。