滚动文字代码大全
- 格式:doc
- 大小:348.50 KB
- 文档页数:4
HTML滚动代码大全HTML滚动代码大全[HTML代码]会移动的文字(Marquee)Marquee标记用于在可用浏览区域中滚动文本。
这个标记只适用于IE3以后的版的浏览器。
格式:<MARQUEE ALIGN="…"BEHAVIOR="…"BGCOLOR="…"DIRECTION="…"HEIGHT="…"WIDTH="…"HSPACE="…"VSPACE="…"LOOP="…"SCROLLAMOUNT="…"SCROLLDELAY="…"ONMOUSEOUT=this.start()ONMOUSEOVER=this.stop()>…</MARQUEE>属性:ALIGN:用于按设定的值对齐滚动的文本。
ALIGN可以设定的值有:LEFT,CENTER,RIGHT,TOP,BOTTOM。
此属性不是必须使用的。
例:<MARQUEE ALIGN="TOP">这段滚动文字设定为上对齐</MARQUEE>BEHAVIOR:可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。
如果设定的方法是SLIDE,那么文本就移动到文档上,并停留在页边距上。
如果设定为ALTERNATE,则文本从一边移动到另一边。
如果设定为SCROLL,文本将在页面上反复滚动。
本属性不是必须使用的。
可以设定的值有:SILIDE,ALTERNATE,SCROLL。
例:<MARQUEE BEHAVIOR="ALTERNATE">文字从一边移动到另一边</MARQUEE>BGCOLOR:用于设定字幕的背景颜色。
背景颜色可用RGB、16进制值的格式或颜色名称来设定。
HTML代码大全一、从右向左移代码<marquee direction=left>需要移动的文字</marquee>二、从左向右移代码<marquee direction=right>需要移动的文字</marquee>三、一圈一圈绕着移动代码<marquee behavior=scroll>需要移动的文字</marquee>四、只移动三次就停了代码<marquee loop=3 behavior=slide>需要移动的文字</marquee>五、移一步,停一停代码<marquee scrolldelay=500 scrollamount=100>需要移动的文字</marquee>六、左右来回移动代码<marquee behavior=alternate>需要移动的文字</marquee>七、忽隐忽现移动代码<marquee behavior="alternate"><marquee width="150" direction=right>需要移动的文字</marquee>八、从下向上移动代码<marquee direction=up><div align="center">需要移动的文字</div></marquee>九、从上向下移动代码<marquee direction=down><div align="center">需要移动的文字</div></marquee>十、垂直往复移动代码<marquee direction=up behavior=alternate><div align="center">需要移动的文字</font></div></marquee>十一、从左上向右下移动代码<marquee direction=right><marquee width=216 direction=down>需要移动的文字</marquee>十二、从右上向左下移动代码<marquee direction=left><marquee direction=down>需要移动的文字</marquee>十三、从左下向右上移动代码<marquee direction=right><marquee direction=up>需要移动的文字</marquee>十四、从右下向左上移动代码<marquee direction=left><marquee direction=up>需要移动的文字</marquee>十五、水平相反移动代码<p align=center> <marquee width="216px">需要移动的文字</marquee><marquee width="216px" direction=right>需要移动的文字</marquee></p>十六、左右两边向中间移动代码<p align=center><marquee style="width:216px;" direction=right>需要移动的文字</marquee><marquee style="width:216px;"direction=left>需要移动的文字</marquee></p>十七、左右两边向中间来回移动代码<MARQUEE scrollAmount=3 behavior=alternate width="40%">左右向中间来回移动</MARQUEE><MARQUEE scrollAmount=3 direction=rightbehavior=alternate width="40%">动移回来间中向右左</MARQUEE>十八、从上下向中间移动代码<p></p><center><marquee width=288 direction=down scrollAmount=2height=50><center>需要移动的文字</center></marquee><center><marquee width=288 direction=up scrollAmount=2 height=50><center>需要移动的文字</center></marquee></center></center><p></p>十九、从中间向上下移动代码<p></p><center><marquee width=288 direction=up scrollAmount=2height=50><center>需要移动的文字</center></marquee><center><marquee width=288 direction=down scrollAmount=2 height=50><center>需要移动的文字</center></marquee></center></center><p> </p></marquee>二十、上下向中间来回移动代码<MARQUEE scrollAmount=1 direction=down behavior=alternateheight=50><DIV align=center>上下向中间来回移动</DIV></MARQUEE><MARQUEE scrollAmount=1 direction=up behavior=alternate height=50><DIV align=center>上下向中间来回移动</DIV></MARQUEE>二十一、上下交替移动代码<marquee direction=up behavior=alternate width=45 height=160><center>需</center></marquee><marquee direction=upbehavior=alternate width=45><center>要</center></marquee><marqueedirection=up behavior=alternate width=45height=160><center>移</center></marquee><marquee direction=upbehavior=alternate width=45><center>动</center></marquee><marquee direction=up behavior=alternate width=45 height=160><center>的</center></marquee><marqueedirection=up behavior=alternate width=45><center>文</center></marquee></marquee><marquee direction=up behavior=alternate width=45 height=160><center>字</center></marquee>二十二、移动后消失代码<marquee style="width: 288px; height: 120px" scrollAmount=5direction=up><center><div><marquee direction=upbehavior=alternate width=30 height=100><center>需</center></marquee><marquee direction=up behavior=alternate width=30 height=110><center>移</center></marquee><marquee direction=up behavior=alternate width=30 height=100><center>要</center></marquee><marquee direction=up behavior=alternate width=30 height=110><center>动</center></marquee><marquee direction=up behavior=alternate width=30 height=100><center>的</center></marquee><marquee direction=up behavior=alternatewidth=30 height=110><center>字</center></marquee><marqueedirection=up behavior=alternate width=30 height=100><center>文</center></marquee></div></center></marquee>二十三、波浪式移动代码<div align=center><marquee width=288filter: wave(add=0,lightstrength=50,strength=3,freq=2, phrase=10); scrollAmount=5 direction=up behavior=alternate><div align=center><marquee scrollAmount=3 behavior=altrnatewidth=216><div align=center>需要移动的文字</div></marquee></div></marquee></div>二十四、往复波浪式移动代码<marquee width=288 filter:wave(add=0,lightstrength=50,strength=3,freq=2,phrase=10); scrollAmount=5direction=upbehavior=alternate><marquee scrollAmount=3 behavior=alternate width=288>需要移动的文字</marquee></marquee>二十五、交替往复波浪式移动代码<marquee width=436 scrollAmount=5 direction=right behavior=alternate><marquee direction=up behavior=alternate width=50 height=200 align="middle">需</marquee><marquee direction=upbehavior=alternate width=50 height=150>的</marquee><marquee direction=up behavior=alternate width=50 height=200>要</marquee><marquee direction=up behavior=alternate width=50 height=150> 文</marquee><marquee direction=up behavior=alternate width=50height=200>移</marquee><marquee direction=up behavior=alternate width=50 height=150>字</marquee><marquee direction=upbehavior=alternate width=50 height=200>动</marquee></marquee>二十六、S型移动代码<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65height=120 style="Text-align;filter:wave(add=0,phase=1, freq=1,strength=50,color=.ffffff)"><center>需要移动的文字</center></marquee>二十七、多层多式复合移动代码<table bgcolor="#ffffff"> <tr><td width="1" valign="top" > <marquee direction="down" behavior="alternate" scrollamount=1height="120"> <marquee direction="right" scrollamount=4 behavior="alternate" width="288">需要移动的文字</marquee> </marquee> </td> <td width="288"> <marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height="120" width="288"style="Text-align;filter:wave(add=1,phase=4, freq=1,strength=50)"><center>需要移动的文字</center></marquee></td></tr></table>二十八、文字竖排渐出移动代码<div align=center><marquee scrollAmount=1 scrollDelay=100 behavior=slide loop=1 width=290 height=180><marquee style="line- height: 120%; writing-mode: tb-rl" scrollAmount=1 scrollDelay=100direction=up width=290 height=180><p align=center>需要移动的字文<br>.<br>.<br>.<br>需<br>要<br>移<br>动<br>的<br>文<br>字<br>.<br>.<br>.</p></marquee></marquee></div>二十九、文字穿梭移动代码<marquee scrollAmount=2 width=30 height=20>文文</marquee> <marqueescrollAmount=2 width=30 height=20>字字</marquee> <marqueescrollAmount=2width=30 height=20>穿穿</marquee> <marquee scrollAmount=2width=30 height=20>梭梭</marquee>附注各主要参数的含义:align:是设定活动对象(图片或文字)的位置。
1. 文字来回滚动:代码:<MARQUEE scrollAmount=3 behavior=alternate>文字来回滚动</MARQUEE>2. 向右移动的竖排文字:代码:<MARQUEE style="LINE-HEIGHT: 120%; WRITING-MODE: tb-rl" scrollAmount=3scrollDelay=0 direction=up width=200 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 dir ection=down>向下移动的文字<BR>向下移动的文字</MARQUEE>5. 从右向左滚动:代码:<MARQUEE scrollAmount=2>从右向左滚动</MARQUEE>6. 从左向右滚动:代码:<MARQUEE scrollAmount=2 direction=right>从左向右滚动</MARQUEE>7. 上下反弹:代码:<MARQUEE style="WIDTH: 708px; HEIGHT: 150px" scrollAmount=2 direction=upbehavior=alternate>上下反弹</MARQUEE>8. 从左向右文字波浪式移动:代码:<MARQUEE style="WIDTH: 80%; HEIGHT: 100px" scrollAmount=2 direction=upbehavior=alternate width="80%"><MARQUEE direction=right>从左向右文字波浪式移动</MARQUEE></MARQUEE>9. 文字来回波浪式移动:代码:<MARQUEE style="WIDTH: 80%; HEIGHT: 100px" scrollAmount=2 direction=upbehavior=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=up behavior=alternate height=80><CENTER>波浪字<BR>波浪字</CENTER></MARQUEE>13. 由中间向两边移动的文字:代码:<P align=center><MARQUEE width=200 height=50><FONT face=华文彩云color=#ee110e size=5>闲人SGM欢迎您</FONT></MARQUEE><MARQUEE direction=right width=200 height=50><FONT face=华文彩云color=#ee110esize=5>闲人SGM欢迎您</FONT></MARQUEE></P>14. 由上下向中间移动的字体:代码:<CENTER><MARQUEE style="WIDTH: 300px; HEIGHT: 60px" scrollAmount=2 direction=downheight=60><FONT face=隶书color=#ff0000 size=5>闲人SGM欢迎您</FONT></MARQUEE></CENTER><CENTER><MARQUEE style="WIDTH: 300px; HEIGHT: 60px" scrollAmount=2 direction=upheight=60><FONT face=隶书color=#ff0000 size=5>闲人SGM欢迎您</FONT></MARQUEE></CENTER>15. 左右运动的文字:代码:<CENTER><MARQUEE direction=right width=250 height=50><FONT color=#ff0000 size=5>闲人SGM欢迎您</FONT></MARQUEE><BR><MARQUEE width=250 height=50><FONT face=隶书color=#ff0000 size=5>闲人SGM欢迎您</FONT></MARQUEE></CENTER>注: 各参数详解a)scrollAmount。
文字各种移动代码一、从右向左移<marqueedirection=left>需要移动的文字</marquee>二、从左向右移<marqueedirection=right>需要移动的文字</marquee>三、一圈一圈绕着移动<marqueebehavior=scroll>需要移动的文字</marquee>四、只移动三次就停了<MARQUEEloop=3behavior="slide">只移动三次就停了</MARQUEE>五、移一步,停一停<marqueescrolldelay=500scrollamount=100>需要移动的文字</marquee>六、左右来回移动<MARQUEEbeha><WBR>需要移动的文字</MARQUEE>七、忽隐忽现移动<MARQUEEdirection=rightwidth=150>忽隐忽现移动沾花如雪美文网欢迎您</MARQUEE>八、从下向上移动<marqueedirection=up><divalign="center">需要移动的文字</div></marquee>九、从上向下移动<marqueedirection=down><divalign="center">需要移动的文字</div></marquee>十、垂直往复移动<marqueedirection=upbehavior=alternate><divalign="center">沾花如雪美文网欢迎您需要移动的文字</font></div></marquee>十一、从左上向右下移动<marqueedirection=right><marqueewidth=216direction=down>需要移动的文字</marquee>十二、从右上向左下移动<marqueedirection=left><marqueedirection=down>需要移动的文字</marquee>十三、从左下向右上移动<marqueedirection=right><marqueedirection=up>需要移动的文字</marquee>十四、从右下向左上移动<marqueedirection=left><marqueedirection=up>需要移动的文字</marquee>十五、水平相反移动<palign=center><marqueewidth="216px">需要移动的文字</marquee><marqueewidth="216px"direction=right>需要移动的文字</marquee></p>十六、左右两边向中间移动<palign=center><marqueestyle="width:216px;"direction=right>需要移动的文字</marquee><marqueestyle="width:216px;"direction=left>需要移动的文字</marquee></p>十七、左右两边向中间来回移动<MARQUEEscrollAmount=3beha><WBR>香儿欢迎你左右向中间来回移动</MARQUEE> <MARQUEEscrollAmount=3direction=rightbeha><WBR>香儿欢迎你动移回来间中向右左</MARQUEE>十八、从上下向中间移动<p></p><center><marqueewidth=288direction=downscrollAmount=2height=50><center>需要移动的文字</center></marquee><center><marqueewidth=288direction=upscrollAmount=2height=50><center>需要移动的文字</center></marquee></center></center><p></p>十九、从中间向上下移动<p></p><center><marqueewidth=288direction=upscrollAmount=2height=50><center>需要移动的文字</center></marquee><center><marqueewidth=288direction=downscrollAmount=2height=50><center>需要移动的文字</center></marquee></center></center><p></p></marquee>二十、上下向中间来回移动<MARQUEEscrollAmount=1direction=downheight=30beha><WBR><DIV align=center>上下向中间来回移动</DIV></MARQUEE><MARQUEEscrollAmount=1direction=upheight=30beha><DIV align=center>上下向中间来回移动</DIV></MARQUEE>二十一、上下交替移动<TABLEborderColor=#f9f9f9height=150cellSpac ing=0cellPadding=0width=290align=centerborder=1><TBODY><TR><TDwidth=580bgColor=#ffffffheight=150><MARQUEEdirection=upheight=50beha>需</MARQUEE><MARQUEEdirection=upheight=50beha>要</MARQUEE><MARQUEEdirection=upheight=50beha>移</MARQUEE><MARQUEEdirection=upheight=50beha>动</MARQUEE><MARQUEEdirection=upheight=50beha>的</MARQUEE><MARQUEEdirection=upheight=50beha>文</MARQUEE><MARQUEEdirection=upheight=50beha>字</MARQUEE>二十二、移动后消失<MARQUEEstyle="WIDTH:288px;HEIGHT:120px"scrollAmount=5direction=up><CENTER><DIV><MARQUEEdirection=upheight=100beha><WBR><CENTER>需</CENTER></MARQUEE><MARQUEEdirection=upheight=100beha><WBR><CENTER>移</CENTER></MARQUEE><MARQUEEdirection=upheight=100beha><WBR><CENTER>要</CENTER></MARQUEE><MARQUEEdirection=upheight=100beha><WBR><CENTER>动</CENTER></MARQUEE><MARQUEEdirection=upheight=100beha><WBR><CENTER>的</CENTER></MARQUEE><MARQUEEdirection=upheight=100beha><WBR><CENTER>字</CENTER></MARQUEE><MARQUEEdirection=upheight=100beha><WBR><CENTER>文</CENTER></MARQUEE></DIV></CENTER></MARQUEE>二十三、波浪式移动<TABLEborderColor=#f9f9f9cellSpac ing=0cellPadding=0width="50%"align=center border=1><TBODY><TR><TDwidth=580bgColor=#ffffffheight=50><P></P><Pstyle="TEXT-INDENT:2em"><MARQUEE><P></P><Pstyle="TEXT-INDENT:2em"><MARQUEEscrollAmount=4beha>香儿欢迎你 <P></P><Pstyle="TEXT-INDENT:2em">波浪式移动</P><Pstyle="TEXT-INDENT:2em"></P></MARQUEE></P>二十四、往复波浪式移动<TABLEborderColor=#f9f9f9cellSpac ing=0cellPadding=0width=288align=center border=1><TBODY><TR><TDwidth=288bgColor=#ffffffheight=50><MARQUEE><MARQUEEscrollAmount=3beha><P>香儿欢迎你</P><P>往复波浪式移动</P></MARQUEE></MARQUEE></TD></TR></TBODY></TABLE>二十五、交替往复波浪式移动<marqueewidth=436scrollAmount=5direction=rightbehavior=alternate><marqueedirection=upbehavior=alternatewidth=50height=200align="middle">需</marquee><marqueedirection=upbeha的</marquee><marqueedirection=upbeha要</marquee><marqueedirection=upbeha文</marquee><marqueedirection=upbeha移</marquee><marqueedirection=upbeha字</marquee><marqueedirection=upbeha动</marquee>二十六、S型移动代码<MARQUEEstyle="FILTER:wave(add=0,phase=1,freq=1,strength=50,color=.ffffff)"scrollAmount=2scrollDelay=65direction=upheight=80beha><WBR><CENTER> 香儿欢迎你 文字S型移动</CENTER></MARQUEE>二十七、多层多式复合移动<TBODY><TR><TDvAlign=topwidth=1><MARQUEEscrollAmount=1direction=downheight=100beha><WBR>香儿欢迎你<MARQUEEscrollAmount=4direction=rightheight=100beha><WBR>需要移动的文字</MARQUEE></MARQUEE></TD><TDwidth=288><MARQUEEstyle="FILTER:wave(add=1,phase=4,freq=1,strength=50)"scrollAmount=2 scrollDelay=65direction=upheight=100beha><WBR>香儿欢迎你<CENTER>需要移动的文字</CENTER></MARQUEE></TD></TR></TBODY></TABLE>二十八、文字竖排渐出移动<MARQUEEscrollAmount=1scrollDelay=100direction=upwidth=290height=180><Pstyle="TEXT-INDENT:2em"> </P><Pstyle="TEXT-INDENT:2em"> </P><Pstyle="TEXT-INDENT:2em"> </P><Pstyle="TEXT-INDENT:2em"> </P><Palign=left><FONTface=楷体_GB2312color=#000000size=3>你的样子在我脑海跑去跑来</FONT></P><Palign=left><FONTsize=3><FONTface=楷体_GB2312color=#000000>一想再想想不起 敏捷的思维已</FONT><FONTface=楷体_GB2312 color=#000000>追不上</FONT></FONT></P><Palign=left><FONTsize=3><FONTface=楷体_GB2312color=#000000>想你的频率 </FONT><FONTface=楷体_GB2312color=#000000>我试图找出种种理由把你卸下</FONT></FONT></P><Palign=left><FONTface=楷体_GB2312color=#000000size=3>解放自己 可我早已是样子的奴隶</FONT></P><Palign=left><FONTface=楷体_GB2312color=#000000size=3>我极力向想象空间讨要一个清晰的你</FONT></P><Palign=left><FONTface=楷体_GB2312color=#000000size=3>想象却总是把你模糊了零点一 这样</FONT></P><Palign=left><FONTface=楷体_GB2312color=#000000size=3>我只好把自己痛苦的缩小再缩小</FONT></P><Palign=left><FONTface=楷体_GB2312color=#000000size=3>然后钻进那零点一的牛角尖里</FONT></P><Pstyle="TEXT-INDENT:2em"> </P><Palign=left><FONTface=楷体_GB2312color=#000000size=3>我愿意与你的样子对坐 一遍一遍</FONT></P><Palign=left><FONTface=楷体_GB2312color=#000000size=3>温习你的声音 这样的要求算不算高</FONT></P><Palign=left><FONTface=楷体_GB2312color=#000000size=3>我没有别的意思 只想摘取你嘴角</FONT></P><Palign=left><FONTface=楷体_GB2312color=#000000size=3>新鲜的微笑 安放在心事满满的心房</FONT></P><Palign=left><FONTface=楷体_GB2312color=#000000size=3>一个干净的角落 那里存放着有关你的</FONT></P><Palign=left><FONTface=楷体_GB2312color=#000000size=3>所有消息 是我寒夜寂寥取暖的领地</FONT></P><Palign=left><FONTface=楷体_GB2312color=#000000size=3>红透的心思 静静等待你呼风唤雨</FONT></P></MARQUEE></MARQUEE></P>二十九、文字穿梭移动<marqueescrollAmount=2width=30height=20>文 文</marquee> <marquee scrollAmount=2width=30height=20>字 字</marquee> <marquee scrollAmount=2width=30height=20>穿 穿</marquee> <marquee scrollAmount=2width=30height=20>梭 梭</marquee> 附注各主要参数的含义:align:是设定活动对象(图片或文字)的位置。
上下左右滚动文字代码上下左右滚动文字代码下左右滚动文字代码字滚动代码1、来回滚动(marquee behavior=" alternate ")(font color=red)文字来回滚动(/marquee )实际效果:文字来回滚动~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<br />2、向一边滚动(marquee)(font color=#颜色代码)文字向一边滚动(/marquee )实际效果:文字向一边滚动~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~3、走走停停(marquee scrolldelay=500 scrollamount=100)文字走走停停(/marquee)实际效果:文字走走停停~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~4、只走几趟(以3趟为例)(marquee loop=3 width=50% behavior=scroll )文字只走3趟(/marquee)实际效果:文字只走3趟~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~5、选定滚动方向(marquee direction=left )文字自右向左移(/marquee)实际效果:文字自右向左移~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~(marquee direction=right )文字自左向右移(/marquee)实际效果:文字自左向右移~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~<marquee scrollamount=8>文字很快滚。
</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></marquee>举例:<marquee>啦啦啦,我会移动耶!</marquee>文字移动属性的设置:方向 <direction=#> #=left, right举例:<marquee direction=left>啦啦啦,我从右向左移!</marquee> <P><marquee direction=right>啦啦啦,我从左向右移!</marquee>方式:<bihavior=#> #=scroll, slide, alternate举例:<marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee> <P><marquee behavior=slide>啦啦啦,我只走一次就歇了!</marquee> <P><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> <P><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>对齐上沿、中间、下沿。
移动文字特效代码集锦移动文字特效代码集锦1.从右向左移:代码:<marquee scrollAmount=1 direction=left>从右向左移</marquee>2.从左向右移:代码:<marquee scrollAmount=1 direction=right>从左向右移</marquee>3.从上向下移动:代码:<marquee scrollAmount=1 direction=down><div align="center">从上向下移动</div></marquee>4.从下向上移动:代码:<marquee scrollAmount=1 direction=up><div align="center">从下向上移动</div></marquee>5.走走停停:代码:<marquee scrolldelay=500 scrollamount=100>走走停停</marquee>6.来回移动:代码:<marquee scrollAmount=1 behavior="alternate">来回移动</marquee>7.忽隐忽现移动:代码:<MARQUEE beha><MARQUEE beha direction=right width=150>忽隐忽现移动</MARQUEE></MARQUEE>8.波浪式复合移动:代码:<MARQUEE style="FILTER: wave(add=1,phase=4, freq=1,strength=50)" scrollAmount=2 scrollDelay=65 direction=up height=100 beha>波浪式复合移动</MARQUEE>9.文字两翼移动:代码:<MARQUEE scrollAmount=3 width="10%">文字两翼移动</MARQUEE>文字两翼移动<MARQUEE scrollAmount=3 direction=right width="10%">动移翼两字文</MARQUEE>有关代码说明:一、文字移动的方向:direction=移动方向的代码可选值为向上(up) 向下(down) 向左(left) 向右(right)二、字体种类和大小的取值:1、face=字体常用字体为:宋体.黑体.楷体.仿宋.新宋体.细明体等。
滚动文字代码大全(总3页) -CAL-FENGHAI.-(YICAI)-Company One1-CAL-本页仅作为文档封面,使用请直接删除.文字来回滚动:代码: <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=3direction=up>向上移动的文字<BR>向上移动的文字</MARQUEE>4. 向下移动的文字:代码: <MARQUEE style="WIDTH: 250px; HEIGHT: 100px" scrollAmount=3direction=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=up behavior=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><Palign=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=5face=隶书><B>祝你快乐</B></FONT></CENTER></B></MARQUEE></P><CENTER><MARQUEE style="WIDTH: 513px; HEIGHT: 60px" direction=up height=60scrollAmount=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=50width=600><DIV align=center><FONT color=#ff0000 size=5 face=隶书>浏览愉快</FONT></DIV></MARQUEE></DIV>注:各参数详解:1) scrollAmount。
它表示速度,值越大速度越快。
如果没有它,默认为6,建议设为1~3比较好。
2) width和height,表示滚动区域的大小,width是宽度,height是高度。
特别是在做垂直滚动的时候,一定要设height的值。
3) direction。
表示滚动的方向,默认为从右向左:←←←。
可选的值有right、down、up。
滚动方向分别为:right表示→→→,up表示↑,down表示↓。
4) scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。
通常scrollDelay是不需要设置的。
5) behavior。
用它来控制属性,默认为循环滚动,可选的值有alternate(交替滚动)、slide(幻灯片效果,指的是滚动一次,然后停止滚动)。