marquee scrollamount
淘宝自定义区图片切换滚动代码
络地址(我显示的图片都是在自己图片空间复制的地址)。
4、<A href="链接地址" target=_blank><IMG src="图片地址" width=96 border=0></A>可多次添加,需
要展示几个图片就复制粘贴几行代码(原代码是6张图) copyright
<MARQUEE scrollAmount=2 style="WIDTH: 509px; HEIGHT: 90px" behavior=alternate height=90
WIDHTH="96"> <A href="链接地址" target=_blank><IMG src="图片地址" width=96 border=0></A> <A
1、scrollAmount=2中数值随意调整,数值越小越慢 ;
copyright
2、WIDTH: 509px; HEIGHT: 90px中,509指图片滚动整个模块宽度,90指整个模块高度。根据实际需要情
况可改变,如下例中我的模块宽度为750(正好是整个自定义内容区宽度),高度150,可随意,合适即可
href="链接地址" target=_blank><IMG src="图片地址" width=96 border=0></A> <A href="链接地址"
target=_blank><IMG src="图片地址" width=96 border=0></A> <A BORDER="0"></A> <A href="链接地
淘宝网滚动公告代码大全
其实它就是网页设计时移动文字的代码了。
各位亲们一定注意:下面给出的是源代码,是要在源代码模式下编辑输入哦!基本代码<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>效果:好啦,大家学会了吗?。
教你如何写滚动字 !!!。
选择高级-HTML模式
其他模式请把<>改成[] 要是想在评论里 让字滚动 也输入上面的代码在 评论里 就好了
您可以自己选择自己喜欢的滚动方式
<marquee direction=down scrollamount=3>文字向下滚 </marquee>
<marquee scrollamount=3 behavior=alternate>文字来回滚</marquee>
<marquee scrolldelay=500 scrollamount=100>走一步停一停</marquee>
可以放在日志开头哦-------------尐三
喜欢的希望支持下,本效果只有在QQ空间日志才有效果。
<marquee scrollamount=8> 很快滚动 </marquee>
<marquee scrollamount=1> 文字很慢滚 </marquee>
<marquee onmouseover=this.stop() onmouseout=this.start() > 鼠标放上去停止滚动,移开继续滚动 </marquee>
<marquee direction=left scrollamount=3> 文字向左滚 </marquee>
<marquee direction=right scrollamount=3>文字向右滚 </marquee>
<marquee direction=up scrollamount=3> 文字向上滚 </marquee>
各类文字代码
1、循环滚动的代码:
<marquee scrollamount=3 FONT style="COLOR=FF0000; FILTER: shadow(color=#33300 ); FONT-FAMILY: 隶书; FONT-SIZE: 30pt; WIDTH: 100%">文字</marquee>
四、发光滚动字:
1、循环滚动的代码:
<marquee scrollamount=3 FONT style="COLOR: #0033CC; FILTER: glow(color=#FFFF00); FONT-FAMILY: 华文彩云; FONT-SIZE: 20pt; WIDTH: 100%"><B>文字</B></FONT></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>
文字编辑代码
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属性及参数设置参数: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。
呱呱字幕代码
<CENTER><EMBED src= /swf/S100002dc525078-8.swf width=200 height=200 type=application/x-s
立体蓝色字幕(图片上面显示字幕)
<TABLE height=98 width=600 background= /mms/2342/46/54246/p1.gif><tr><MARQUEE style="FONT-SIZE:30pt; FILTER:shadow(color=red); COLOR:blue;FONT-FAMILY:幼圆" FONT><B>
欢迎光临(上下滚动)
<marquee scrollamount=5 height=130 style="filter: shadow(color=#dddddd)" direction=up BEHAVIOR=SLIDE><img src= /imagesnew/software/sc/img/2006-1/44711.gif ALIGN=left><MARQUEE scrollAmount=2 direction=down height=70><CENTER><FONT face=黑体 color=blue size=6><STRONG>欢迎光临</FONT></CENTER></STRONG></MARQUEE><MARQUEE scrollAmount=2 direction=up height=70><CENTER><FONT face=黑体 color=magenta size=6><STRONG>共同分享美妙乐章</FONT></CENTER></STRONG></MARQUEE></CENTER>
marquee标签的用法
marquee标签的用法Marquee标记用于在可用浏览区域中滚动文本。
这个标记只适用于IE3以后的版的浏览器:格式:[MARQUEE ALIGN="…"BEHAVIO R="…"BGCOLOR="…"DIRECTI ON="…"HEIGHT="…"WIDTH="…"HSPACE="…"VSPACE="…"LOOP="…"SCROLLA MOUNT="…"SCROLLD ELAY="…"ONMOUSE OUT=this.start() ONMOUSE OVER=this.stop() ]…[/MARQUEE]属性:ALIGN:用于按设定的值对齐滚动的文本。
ALIGN可以设定的值有:LEFT,CENTER,RIGHT, TO P,BOTTOM。
此属性不是必须使用的。
例:[MARQUEE ALIGN="TOP"] 这段滚动文字设定为上对齐[/MARQUEE]BEHAVIO R:可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。
如果设定的方法是 SLI DE,那么文本就移动到文档上,并停留在页边距上。
如果设定为AL TERNAT E,则文本从一边移动到另一边。
如果设定为SCR OLL,文本将在页面上反复滚动。
本属性不是必须使用的。
可以设定的值有:SILIDE, ALTERNA T E,SCROLL。
例:[MARQUEE BEHAVIO R="ALTERNA TE"] 文字从一边移动到另一边 [/MARQUEE]BGCOLOR:用于设定字幕的背景颜色。
HTML标签marquee实现滚动效果的简单方法(必看)
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:表⽰由⼀端滚动到另⼀端,会重复,缺陷是不能⽆缝滚动。
html、jsp中新建滚动字幕(跑马灯)及参数解析
一、建立第一个滚动字幕。
代码:<marquee scrollAmount="n" width="n" height="n" direction="type" scrollDelay="n" behavior="type" loop="n"onmouseover="this.stop()" onmouseout="this.start()">我的滚动字幕文字</marquee>二、各参数详解:1)、scrollAmount。
它表示速度,值越大速度越快。
如果没有它,默认为6,建议设为1~3比较好。
2)、width和height,表示滚动区域的大小,width是宽度,height是高度。
特别是在做垂直滚动的时候,一定要设height的值。
3)、direction。
表示滚动的方向,默认为从右向左:←。
可选的值有left:←、right:→、down:↓、up:↑。
4)、scrollDelay,这也是用来控制速度的,默认为90,值越大,速度越慢。
通常scrollDelay是不需要设置的。
5)、behavior。
用它来控制属性,默认为循环滚动,可选值有scroll:表示滚动字幕内容向同一方向重复滚动、slide:表示滚动字幕内容从一端向另一端滚动并在另一端停止、alternate表示滚动字幕内容在两端之间来回往复滚动。
6)、loop。
是用来指定滚动字幕的滚动次数的,当它的值为“-1”时,滚动字幕将连续滚动直到浏览器载入下一个页面。
7)、onmouseover="this.stop()"。
鼠标停留在滚动字幕时,停止滚动。
8)、onmouseout="this.start()"。
marquee属性详解
marquee属性详解首先让我们认识这个<marquee>标签,它是成对出现的标签,首标签<marquee>和尾标签</marquee>之间的内容就是滚动内容。
<marquee>标签的属性主要有behavior、bgcolor、direction、width、height、hspace、vspace、loop、scrollamount、scrolldelay 等,它们都是可选的。
behavior属性behavior属性的参数值为alternate、scroll、slide中的一个,分别表示文字来回滚动、单方向循环滚动、只滚动一次,需要注意的是:如果在<marquee>标签中同时出现了direction 和behavior属性,那么scroll和slide的滚动方向将依照direction属性中参数的设置。
<marquee behavior="alternate">我来回滚动</marquee><marquee behavior="scroll">我单方向循环滚动</marquee><marquee behavior="scroll" direction="up" height="30">我改单方向向上循环滚动</marquee> <marquee behavior="slide">我只滚动一次</marquee><marquee behavior="slide" direction="up">我改向上只滚动一次了</marquee>bgcolor属性文字滚动范围的背景颜色,参数值是16进制(形式:#AABBCC或#AA5566等)或预定义的颜色名字(如red、yellow、blue等)。
滚动文字特效代码集锦
滚动文字特效代码集锦一、立体滚动字:1、循环滚动的代码:<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>忘却人性的最初</B></FONT> </marquee>忘却人性的最初2、左右移动的代码:<marquee scrollamount=3 behavior=alternate FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=#AF0530); WIDTH: 100%; COLOR: #f90b46; LINE-HEIGHT: 150%; FONT-FAMILY: 隶书"><B>忘却人性的最初</B></FONT></marquee>忘却人性的最初二、凹凸投影滚动字:1、循环滚动的代码:<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>忘却幸福的微笑</B></FONT> </marquee>忘却幸福的微笑2、左右移动的代码:<marquee behavior="alternate" scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=green); WIDTH: 100%; COLOR: white; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>忘却幸福的微笑</B></FONT></marquee>忘却幸福的微笑三、金属滚动字:1、循环滚动的代码:<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>忘却邪恶的根源</B></FONT> </marquee>忘却邪恶的根源2、左右移动的代码:<marquee scrollamount=3 behavior="alternate" FONT style="FONT-SIZE: 40pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>忘却邪恶的根源</B></FONT></marquee>忘却邪恶的根源四、空心金属滚动字:1、循环滚动的代码:<marquee scrollamount=3 FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>忘却等待的烦躁</B></marquee>忘却等待的烦躁2、左右移动的代码:<marquee scrollamount=3 behavior="alternate" FONT style="FONT-SIZE: 40pt; FILTER: shadow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY: 华文彩云"><B>忘却等待的烦躁</B></marquee>忘却等待的烦躁五、若隐若现滚动字:1、循环滚动的代码:<MARQUEE style="FONT-SIZE: 40pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" scrollAmount=3 FONT><B>忘却临界的恐惧</B></FONT></MARQUEE>忘却临界的恐惧2、左右移动的代码:<MARQUEE behavior=alternate style="FONT-SIZE: 40pt; FILTER: alpha(opacity=100,style=3); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY: 华文行楷" scrollAmount=3 FONT><B>忘却临界的恐惧</B></FONT></MARQUEE>忘却临界的恐惧代码说明:opacity:设置透明度,取值0至100之间的任意数值,100表示完全不透明;style:设置渐变风格,0表示均匀渐变,1表示线性渐变,2表示放射渐变,3表示直角渐变;width:100%则表示参与渐变的对象的宽度,通常都设置为100%。
scrollamount单位
scrollamount单位1. 什么是scrollamount单位scrollamount单位是一种表示滚动速度的度量单位。
在Web开发中,我们经常会遇到需要滚动显示内容的场景,例如网页中的滚动新闻、图片轮播等。
而scrollamount单位就是用来控制滚动速度的参数。
2. scrollamount单位的使用scrollamount单位可以应用于多种HTML元素,常见的有marquee标签和CSS的scroll-snap-type属性。
2.1 marquee标签marquee标签是HTML中用来创建滚动内容的元素。
通过设置scrollamount属性,我们可以控制滚动的速度。
scrollamount的取值范围是一个正整数,表示每秒滚动的像素数。
<marquee scrollamount="10">这是一个滚动的文本。
</marquee>上述代码会创建一个滚动的文本,滚动速度为每秒10个像素。
2.2 CSS的scroll-snap-type属性scroll-snap-type属性是CSS中用来定义滚动行为的属性。
其中的scrollamount 值可以用来控制滚动速度。
scrollamount的取值范围是一个正整数,表示每秒滚动的像素数。
.scroll-container {scroll-snap-type: y mandatory;scroll-snap-destination: 50% 50%;scroll-snap-points-y: repeat(100%);scroll-snap-speed: 100px;}上述代码定义了一个滚动容器,滚动速度为每秒100个像素。
3. scrollamount单位的影响因素scrollamount单位的实际滚动速度受到多个因素的影响。
以下是几个常见的影响因素:3.1 设备性能设备的性能是影响滚动速度的重要因素之一。
网页滚动字幕文字新法
width=n
VSpace=n
loop=n>内容</marquee>
下面解释一下各参数的含义:
align:是设定活动字幕的位置,除了居左、居中、居右三种位置外,又增加靠上(top)和靠下(bottom)两种位置。
Bgcolor:用于设定活动字幕的背景颜色,可以使用英文的单词也可以是十六进制数的。
marqueeBox.scrollTop=0;
}
clearInterval(marqueeInterval[1]);
marqueeInterval[1]=setInterval("scrollMarquee()",20);
}
function scrollMarquee() {
Direction:用于设定活动字幕的滚动方向是向左(left)、向右(right)、向上(up)、向下(down)。
Behavior:用于设定滚动的方式,主要由三种方式:
behavior="scroll"表示由一端滚动到另一端;
behavior="slide":表示由一端快速滑动到另一端,且不再重复;
marqueeBox.scrollTop++;
if(marqueeBox.scrollTop%marqueeHeight==(marqueeHeight-1)){
clearInterval(marqueeInterval[1]);
}
}
initMarquee();
</script>
marqueeContent[9]='<A href=/photo/gallery/2003/870.asp target=_blank>情侣:黑白的爱情空气</a>';
marquee参数
marquee参数Marquee参数用于设置HTML <marquee> 元素的行为和样式。
它是一个可以在浏览器窗口中滚动显示文本或图像的简单方法。
以下是使用marquee参数的示例:1. behavior 参数:指定滚动的行为。
- scroll:向左滚动。
- slide:从左边滑入并停留。
- alternate:先向左滚动,然后向右滚动,以此类推。
- alternate-reverse:从右边滑入并停留。
示例代码:```html<marquee behavior="scroll">滚动文本</marquee><marquee behavior="slide">滑入文本</marquee><marquee behavior="alternate">交替滚动文本</marquee><marquee behavior="alternate-reverse">交替滑入文本</marquee> ```2. direction 参数:指定滚动的方向。
- left:向左滚动。
- right:向右滚动。
- up:向上滚动。
- down:向下滚动。
示例代码:```html<marquee direction="left">向左滚动文本</marquee><marquee direction="right">向右滚动文本</marquee><marquee direction="up">向上滚动文本</marquee><marquee direction="down">向下滚动文本</marquee>```3. scrollamount 参数:指定每次滚动的距离。
marquee 参数
marquee 参数
Marquee标签是HTML语言中的一个动画标签,用于在页面上滚动显示文字或图像。
以下是一些常见的marquee参数。
1. direction:指定滚动的方向。
可选值有"up"、"down"、"left"、"right",默认为"left"。
2. behavior:指定滚动的行为。
可选值有"scroll"、"slide"、"alternate",默认为"scroll"。
3. scrollamount:指定滚动的速度。
值越大滚动越快,默认为6。
4. scrolldelay:指定滚动之间的延迟时间。
值越小滚动越快,默认为85。
5. bgcolor:指定滚动区域的背景颜色,默认为白色。
6. loop:指定滚动的次数。
值为-1时表示无限滚动,默认为1。
7. height:指定滚动区域的高度。
8. width:指定滚动区域的宽度。
9. onMouseOver:鼠标移动到marquee上时触发的JavaScript 动作。
10. onMouseOut:鼠标移出marquee时触发的JavaScript动作。
marquee的基本语法:marquee
marquee的基本语法:marquee ... marquee⽐较重要的属性有:1、direction 表⽰⽅向,有四个值:left(左)、right(右)、up(上)、down(下)。
例:<marquee direction=up>向上移动</marquee>2、behavior。
移动⽅式。
值:scroll(循环移动)、slide(只移动⼀个回合)、alternate(来回移动)。
例:<marquee direction=left behavior=alternate>哈哈,我来回⾛!</marquee>3、loop。
循环。
若未指定则循环不⽌(infinite),其值取数值。
例:<marquee loop=3>我只⾛三次哦</marquee>4、scrollamount。
移动速度。
值取正整数。
数值越⼤,速度越快。
例:<marquee scrollamount=25>看,我⾛多快!</marquee>5、bgcolor 背景⾊。
例:<marquee bgcolor=pink>看到了吧?有底⾊!</marquee>6、width和height。
就是移动的宽度与⾼度了。
例:<marquee width=200 height=200 bgcolor=pink direction=down>这个⾯积不够我移动!</marquee>7、scrollamount:⽤于设定每个连续滚动⽂本后⾯的间隔,该间隔⽤像素表⽰。
此属性不是必须使⽤8、scrolldelay:⽤于设定两次滚动操作之间的间隔时间,该时间以毫秒为单位。
此属性不是必须使⽤9、onmouseout=this.start() :⽤来设置⿏标移出该区域时继续滚动onmouseover=this.stop():⽤来设置⿏标移⼊该区域时停⽌滚动举例:<marquee direction=up behavior=scroll scrollamount=3 scrolldelay=100 align=top bgcolor=#321654 height=150 width=100 onmouseover=this.stop() onmouseout=this.start()><p align='center'>第⼀条公告 </p><p align='center'>第⼆条公告 </p><p align='center'>第三条公告 </p><p align='center'>第四条公告 </p><p align='center'>第五条公告 </p></marquee>。
marquee标签的用法
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, TO P,BOTTOM。
此属性不是必须使用的。
例:[MARQUEE ALIGN="TOP"] 这段滚动文字设定为上对齐 [/MARQUEE]BEHAVIOR:可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。
如果设定的方法是 SLI DE,那么文本就移动到文档上,并停留在页边距上。
如果设定为ALTERNATE,则文本从一边移动到另一边。
如果设定为SCROLL,文本将在页面上反复滚动。
本属性不是必须使用的。
可以设定的值有:SILIDE, ALTERNAT E,SCROLL。
例:[MARQUEE BEHAVIOR="ALTERNATE"] 文字从一边移动到另一边 [/MARQUEE]BGCOLOR:用于设定字幕的背景颜色。
背景颜色可用RGB、16进制值的格式或颜色名称来设。
例:[MARQUEE BGCOLOR="RED"]用颜色名称设定滚动文字背景颜色为红色[/MARQUEE] [MARQUEE BGCOLOR="#FF0000" ]用16进制值设定滚动文字背景颜色为红色 [/MARQUEE] [MARQUEE BGCOLOR=RGB(100%,0%,0%)] 用RGB设定滚动文字背景颜色为红色 [/MARQUE E] DIRECTION:用于设定文本滚动的方向,可以设定的值有:LEFT,RIGHT。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
<BR>
<a href="javascript:","http://10.79.20.104:8000/photo/mingxing/129919496079.html">7、迪那水电队组织开展2011年第一季度技能考核</a>
<BR>
<BR>
<a href="javascript:","http://10.79.20.104:8000/photo/mingxing/129919655581.html">8、迪那水电队组织开展2011年防洪抗险工作</a>
noWrap=true;
onmouseover=new Function("stopscroll=true");
onmouseout=new Function("stopscroll=false");
}
document.write('<div id="templayer" style="position:absolute;z-index:1;visibility:hidden"></div>');
preTop=0; currentTop=0;
function init(){
templayer.innerHTML="";
while(templayer.offsetHeight<marqueesHeight){
templayer.innerHTML+=marquees.innerHTML;
}
marquees.innerHTML=templayer.innerHTML+templayer.innerHTML;
<BR>
<BR>
<a href="javascript:","http://10.79.20.104:8000/photo/mingxing/129919587580.html">9、迪那水电队组织甲乙方在岗员工举办“节能减排促进月”活动启动仪式</a>
<BR>
<BR>
</B>
</FONT>
</div>
<BR>
<BR>
<a href="javascript:","http://10.79.20.104:8000/photo/mingxing/129919496079.html">3、青年文明号检查团来迪那水电队检查指导工作</a>
<BR>
<BR>
<a href="javascript:","http://10.79.20.104:8000/photo/mingxing/129919496079.html">4、卢书记来迪那水电队调研</a>
<BR>
<a href="javascript:","http://10.79.20.104:8000/photo/mingxing/129919496079.html">1“石油工人心向党”第八套广播体操在迪那水电队开练</a>
<BR>
<BR>
<a href="javascript:","http://10.79.20.104:8000/photo/mingxing/129919496079.html">2、在迪那水电队组织开展2011年三种人考核</a>
<script language="JavaScript">
marqueesHeight=140;
stopscroll=false;
with(marquees){
style.width=0;
style.height=marqueesHeight;
style.overflowX="visible";
style.overflowY="hidden";
if(preTop==marquees.scrollTop){
marquees.scrollTop=templayer.offsetHeight-marqueesHeight;
marquees.scrollTop+=1;
}
}
</script>
<marquee scrollamount=4 behavior="alternate" FONT style="FONT-SIZE:25pt; FILTER: glow(color=black); WIDTH: 100%; COLOR: #e4dc9b; LINE-HEIGHT: 150%; FONT-FAMILY:华文彩云"><B>迪那水电队2011年3月工作进展</B></FONT>
<BR>
<BR>
<a href="javascript:","http://10.79.20.104:8000/photo/mingxing/129919496079.html">5、迪那水电队线路维护承包商组织开展技能考核</>
<a href="javascript:","http://10.79.20.104:8000/photo/mingxing/129919496079.html">6、迪那水电队组织开展油田第九次“形式、目标、任务、责任”主题教育活动</a>
</marquee>
<BR>
<FONT style="FONT-SIZE:15pt; FILTER: shadow(color=yellow); WIDTH: 100%; COLOR: red; LINE-HEIGHT: 100%; FONT-FAMILY:华文彩云">
<B>
<div id="marquees">
setInterval("scrollUp()",30);//越大越慢
}
document.body.onload=init;
function scrollUp(){
if(stopscroll==true) return;
preTop=marquees.scrollTop;
marquees.scrollTop+=1;