移动标签及属性
格式: <marquee 属性="属性值">文字 图片 表格</marquee>
align="对齐方式" : center居中 left居左 right居右
valign="对齐方式" : top上沿 middle中间 bottom下沿
direction="移动方向" : up向上 down向下 left向左 right向右
behavior="移动方式" : scroll 一圈一圈绕着走 slide 只走一次
alternate 来回走
其它属性:
border="边框宽度" 以象素为单位,属性值为数字
width="移动宽度" 以象素为单位,属性值为数字
height="移动高度" 以象素为单位,属性值为数字
hspace="左右空白" 数字
vspace="上下空白" 数字
bgcolor="背景颜色" 值为颜色代码
loop="移动次数" 值为数字,若未指定则循环不止
scrollamount="移动速度" 1为速度为最慢;数字越大移动的越快。
scrolldelay="移动时间" 最小为1, 数值越大速度越大,反之亦然。
<marquee scrolldelay=500 scrollamount=100>走一步,停一停!</marquee>
常用的移动代码
1. 向右上下震荡
<移动标签名 移动方式="来回走" 移动方向="向上 "移动宽度="80%"><移动标签名
移动方向="向右">插入文字</移动标签名></移动标签名>
<marquee behavior="alternate" direction="up" width="80%"><marquee
direction="right">插入文字</marquee></marquee>
2. 文字加底色,向左移动
<文字变化标签名 颜色="#0000FF"><移动标签名 移动方向="向左" style="背景图案:
#FFCC00">你的文字</移动标签名></文字变化标签名>
<font color="#0000FF"><marquee direction="left" style="background: #FFCC00">你的文字</marquee></font>
3. 加文字框,文字由右向左移动
<移动标签名style="边框宽度:1px dotted #CC0066 ">你的文字</移动标签名>
<marquee style="border:1px dotted #CC0066 ">你的文字</marquee>
4. 上下飘动
<移动标签名 移动方式=来回走 移动方向=向上 移动速度=2移动时间=65移动高度=80 style="文字颜色-对齐方式;filter:wave(add=0,phase=1, freq=1, strength=15, 颜色=.FFFFFF)">< 置中>文字一<换行/>文字二</置中></移动标签名>
<marquee behavior=alternate direction=up scrollamount=2 scrolldelay=65 height=80 style="Text-align;filter:wave(add=0,phase=1, freq=1, strength=15,color=.FFFFFF)"><center>文字一<BR />文字二</center></marquee>
文字二
5、不透明不移动文字
<CENTER><FONT style="COLOR: #e4dc9b; FILTER: shadow(color=black); FONT-FAMILY: 华文彩云; FONT-SIZE: 30pt; LINE-HEIGHT: 150%; WIDTH: 100%"><B>欢迎光临火力光波的博客</B></FONT></CENTER>
6、由右向左上下震动
<MARQUEE behavior=alternate direction=up height=150 scrollAmount=5><MARQUEE behavior=altrnate scrollAmount=2 width=460><IMG src="图片地址"><FONT color=red face=楷体_gb2312 size=7>欢迎光临火力光波的博客</FONT></MARQUEE></MARQUE></MARQUEE>
(上面代码中的图片地址不能删去)
7、左右两边散开
<FONT color=#0096ff face=隶书 size=7><MARQUEE height=50 width=240>欢迎光临火力光波的博客</FONT></MARQUEE><FONT color=#0000ff face=隶书 size=7><MARQUEE direction=right height=50 width=240>客博的波光力火临光迎欢</MARQUEE></FONT></FONT>
8、两行文字上下震荡
<marquee scrollamount=8 direction=right behavior=alternate><b><font color=#7700bb size=5><font color=lime>
<marquee direction=up behavior=alternate width=40 height=200 align="middle">祝</marquee><font color=red>
<marquee direction=up behavior=alternate width=40 height=150>愿</marquee><font color=orange>
<marquee direction=up behavior=alternate width=40 height=200>朋</marquee><font color=fuchsia>
<marquee direction=up behavior=alternate width=40 height=150>友</marquee><font color=olive>
<marquee direction=up behavior=alternate width=40 height=200>们</marquee><font color=green>
<marquee direction=up behavior=alternate width=40 height=150>开</marquee><font color=red>
<marquee direction=up behavior=alternate width=40 height=200>心</marquee><font color=orange>
<marquee direction=up behavior=alternate width=40 height=150>!</marquee><font color=orange></font></b></marquee>
9、多行文字由下向上滚动(加背景图)
<TABLE height=300 cellPadding=10 width=500 align=center background=http://img.photo.163.com/IU4zkOOJCWE3VL5pSrz31A==/857091304084746701.jpg border=3 table="0">
<TBODY>
<TR>
<TD>
<MARQUEE style=" HEIGHT: 84px" scrollAmount=2 direction=up height=84><FONT color=#ff00ff>
<DIV align=center><FONT face=楷体_GB2312 color=#c709f7 size=4>文字</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#1ae66b size=4>文字</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312 color=#ffff00 size=4>文字</FONT></DIV>
<DIV align=center><FONT face=楷体_GB2312><FONT size=4><FONT color=#ffffff>文字</FONT></FONT></FONT></DIV></FONT></MARQUEE></DIV></TD></TR></TBODY></TABLE>
文字文字
文字文字
文字文字
文字文字
|
移动代码及效果
一、移动文字
(1) 向左移动字:
<marquee>向左移动字</marquee>
(2) 发向右移动字:
<marquee direction=right>向右移动字</marquee>
(3) 发来回移动字:
<marquee behavior=alternate>向左来回移动字</marquee>
<marquee direction=right behavior=alternate>向右来回移动字</marquee>
(4) 发向上移动字:
<marquee direction=up> 向上移动字</marquee>
------------------------------------------------------------------
------------------------------------------------------------------
(5) 发向下移动字:
<marquee direction=down> 向下移动字</marquee>
------------------------------------------------------------------
------------------------------------------------------------------
(6) 发限高向上、向下移动字:
<marquee height=50 direction=down> 限高向下移动字</marquee>
<marquee height=50 direction=up> 限高向上移动字</marquee>
------------------------------------------------------------------
------------------------------------------------------------------
------------------------------------------------------------------
(7) 发限高上下来回移动字:
<marquee height=50 direction=down behavior=alternate> 限高上下来回移动字</marquee>
<marquee height=50 direction=up behavior=alternate> 限高上下来回移动字</marquee>
------------------------------------------------------------------
------------------------------------------------------------------
------------------------------------------------------------------
(8) 控速移动字:
<marquee scrollamount=N>控速移动字</marquee>
控速移动字的速度控制值N的取值: 1. N<0与N=6速度相同; 2. N≠0; N>0的任意值。
<marquee scrollamount=-9>控速移动字N=-9</marquee>
<marquee scrollamount=-1>控速移动字N=-1</marquee>
<marquee scrollamount=1>控速移动字N=1</marquee>
<marquee scrollamount=2>控速移动字N=2</marquee>
<marquee scrollamount=3>控速移动字N=3</marquee>
<marquee scrollamount=4>控速移动字N=4</marquee>
<marquee scrollamount=5>控速移动字N=5</marquee>
<marquee scrollamount=6>控速移动字N=6</marquee>
<marquee scrollamount=7>控速移动字N=7</marquee>
<marquee scrollamount=8>控速移动字N=8</marquee>
<marquee scrollamount=9>控速移动字N=9</marquee>
<marquee scrollamount=10>控速移动字N=10</marquee>
<marquee scrollamount=20>控速移动字N=20</marquee>
<marquee scrollamount=30>控速移动字N=30</marquee>
<marquee scrollamount=40>控速移动字N=40</marquee>
<marquee scrollamount=50>控速移动字N=50</marquee>
<marquee scrollamount=60>控速移动字N=60</marquee>
<marquee scrollamount=70>控速移动字N=70</marquee>
<marquee scrollamount=80>控速移动字N=80</marquee>
<marquee scrollamount=90>控速移动字N=90</marquee>
<marquee scrollamount=100>控速移动字N=100</marquee>
<marquee scrollamount=200>控速移动字N=200</marquee>
<marquee scrollamount=300>控速移动字N=300</marquee>
(9) 发限高控速向上、向下移动字:
<marquee height=50 direction=down scrollamount=1> 限高控速向下移动字</marquee>
<marquee height=50 direction=up scrollamount=2> 限高控速向上移动字</marquee>
------------------------------------------------------------------
------------------------------------------------------------------
------------------------------------------------------------------
(10) 左右跳动移动字:
<marquee scrolldelay=时间间隔>左右跳动移动字</marquee>
<marquee scrolldelay=500>向左跳动移动字</marquee>
<marquee direction=right scrolldelay=500>向右跳动移动字</marquee>
(11) 发向上跳动移动字:
<marquee height=100 direction=up scrolldelay=1000> 向上跳动移动字</marquee>
<marquee height=100 direction=down scrolldelay=1000> 向下跳动移动字</marquee>
------------------------------------------------------------------
------------------------------------------------------------------
------------------------------------------------------------------
二、 混合语句
1. 一步一步往上跳:
<marquee height=100 direction=up scrollamount=20 scrolldelay=1000 top=100><font color=#0000FF face=Arial, Helvetica, sans-serif> 一步一步往上跳</font></marquee>
------------------------------------------------------------------
------------------------------------------------------------------
2. 发色带移动字:
<marquee bgcolor=#ccff99>色带移动字</marquee>
3. 发移动倒黑体字:
<marquee><font size=4 face="@黑体">移动倒黑体字</font></marquee>
4. 发组合移动字:
2):
转<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>
转
(2) 左向异速字:
<marquee scrollamount=1>你好。</marquee><marquee scrollamount=2>你好。</marquee><marquee scrollamount=3>你好。</marquee><marquee scrollamount=4>你好。</marquee><marquee scrollamount=5>你好。</marquee>
(3) 中间异速字:
1) <center>------------------------------------------------------------------<BR>[<marquee width="15%" behavior=alternate scrollamount=1>你好。</marquee>]<BR>[<marquee width="33%" behavior=alternate scrollamount=2>你好。</marquee>]<BR>[<marquee width="42%" behavior=alternate scrollamount=3>你好。</marquee>]<BR>[<marquee width="51%" behavior=alternate scrollamount=4>你好。</marquee>]<BR>[<marquee width="60%" behavior=alternate scrollamount=5>你好。</marquee>]<BR> ------------------------------------------------------------------<BR></center>
[
[
[
[
[
------------------------------------------------------------------
2) <center>[<marquee width="33%" behavior=alternate scrollamount=2>你好。</marquee>]<BR>[<marquee width="42%" behavior=alternate scrollamount=3>你好。</marquee>]<BR>[<marquee width="51%" behavior=alternate scrollamount=4>你好。</marquee>]<BR></center>
[
[
(4) 左轮转字:
转<marquee width=5%>泡</marquee>转<marquee width=5%>点</marquee>看<marquee width=5%>不</marquee>看<marquee width=5%>聊</marquee><marquee><u>嘻嘻~~</u></marquee>
转
(5) 上下左右游动粗体黑字:
<marquee height=50 behavior=alternate direction=up><marquee behavior=alternate><b><font color=BLACK>上下左右游动粗体黑字</font></b></marquee></marquee>
(6) 左右易位:
<marquee direction=right>哇</marquee><center>嘿 嘿</center><marquee>哦</marquee></font>
(7) 向左跳动:
<marquee scrolldelay=500 scrollamount=100>啦啦啦,我走一步,停一停!</marquee>
(8) 向左跑动:
<marquee scrollamount=20>啦啦啦,我走得好快哟!</marquee>
(9) 来回走动:
<marquee behavior=alternate>啦啦啦,我来回走耶!</marquee>
(10) 向左走动:
<marquee behavior=scroll>啦啦啦,我一圈一圈绕着走!</marquee>
(11) 中间出三次走动:
<marquee loop=3 width=50% behavior=scroll>啦啦啦,我只走 3 趟哟!</marquee>
返回到本页开头 返回网络时空论坛 组合移动字
(12) 向上浮动:
<marquee direction="up" style=";height:100%"> 呵呵!</marquee>
(13) 向下浮动:
<marquee direction="down" style=";height:100%"> 希望你成为这里的老朋友!</marquee>
5. 方框游动字:
(1) <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>
|
(2) <p align="center"><table border="2" width="20%"><tr><td width="100%"><marquee behavior="alternate"><font color="#FF0000" size="6" face="隶书">泡.点.</font></marquee></td></tr></table></p>
|
(3) <p align="center"><table border="3" width="50%"><tr><td width="80%"><marquee behavior="alternate"><font color="#FF0000" size="4" face="宋体">弟姐妹们,我要先闪了!嘿嘿! </font></marquee></td></tr></table></p>
|
6. 文字色带组合:
(2) 发左定位色带移动字:
1) 左定位20色带移动字:
<marquee hspace=20 width=600 bgcolor=ffaaaa>左定位20色带移动字</marquee>
2) 左定位40色带移动字:
<marquee hspace=40 width=600 bgcolor=ffaaaa>左定位40色带移动字</marquee>
3) 左定位80色带移动字:
<marquee hspace=80 width=600 bgcolor=ffaaaa>左定位80色带移动字</marquee>
4) 左定位160色带移动字:
<marquee hspace=160 width=600 bgcolor=ffaaaa>左定位160色带移动字</marquee>
(3) 发定宽度色带移动字:
1) 定宽度100色带移动字:
<marquee width=100 bgcolor=ffaaaa>定宽度100色带移动字</marquee>
2) 定宽度200色带移动字:
<marquee width=200 bgcolor=ffaaaa>定宽度200色带移动字</marquee>
3) 定宽度400色带移动字:
<marquee width=400 bgcolor=ffaaaa>定宽度400色带移动字</marquee>
(4) 发相对宽度色带移动字:
1) 相对宽度25%色带移动字:
<marquee width=25% bgcolor=ffaaaa>相对宽度25%色带移动字</marquee>
2) 相对宽度50%色带移动字:
<marquee width=50% bgcolor=ffaaaa>相对宽度50%色带移动字</marquee>
3) 相对宽度75%色带移动字:
<marquee width=75% bgcolor=ffaaaa>相对宽度75%色带移动字</marquee>
(5) 发定行距色带移动字:
1) 定行距10色带移动字:
<marquee vspace=10 bgcolor=ffaaaa>定行距10色带移动字</marquee>
------------------------------------------------------------------
------------------------------------------------------------------
2) 定行距20色带移动字:
<marquee vspace=20 bgcolor=ffaaaa>定行距20色带移动字</marquee>
------------------------------------------------------------------
------------------------------------------------------------------
3) 定行距40色带移动字:
<marquee vspace=40 bgcolor=ffaaaa>定行距40色带移动字</marquee>
------------------------------------------------------------------
------------------------------------------------------------------
(6) 组合:
1) <font size=7 face="幼圆">你的快乐:</font><marquee hspace=20 vspace=40 width=200 bgcolor=ffaaaa align=middle>就是我的快乐呀!</marquee>
你的快乐:
2) <marquee scrollamount=10 bgcolor=black width=150 bEhavior=alTernate><font face=WINGDINGS color=white>aa</font></marquee><font size=5 color=red face=@宋体>大家好啊!</font>