marquee 参数(网页设计字体滚动代码)
本文目录
- 网页设计字体滚动代码
- html css设置文字滚动
- Marquee中显示信息
- html里marquee应该怎么改它的间歇性啊就是让它不停的滚动
- dw中marquee属性怎么设置
- HTML里的marquee可以控制文字的移动范围吗
- 用HTML如何实现文字滚动
- 网页设计文字滚动(水平)代码
网页设计字体滚动代码
文字滚动是由《marquee》《/marquee》控制的。marquee的参数如下:
1、方向 《direction=#》 #=left, right
如:《marquee direction=left》啦啦啦,我从右向左移!《/marquee》
《marquee direction=right》啦啦啦,我从左向右移!《/marquee》
2、方式 《bihavior=#》 #=scroll, slide, alternate
如:《marquee behavior=scroll》啦啦啦,我一圈一圈绕着走!《/marquee》
《marquee behavior=slide》啦啦啦,我只走一次就歇了!《/marquee》
《marquee behavior=alternate》啦啦啦,我来回走耶!《/marquee》
3、循环 《loop=#》 #=次数;若未指定则循环不止(infinite)
如:《marquee loop=3 width=50% behavior=scroll》啦啦啦,我只走 3 趟哟!《/marquee》
《marquee loop=3 width=50% behavior=slide》啦啦啦,我只走 3 趟哟!《/marquee》
《marquee loop=3 width=50% behavior=alternate》啦啦啦,我只走 3 趟哟!《/marquee》
4、速度 《scrollamount=#》
如:《marquee scrollamount=20》啦啦啦,我走得好快哟!《/marquee》
5、延时 《scrolldelay=#》
如: 《marquee scrolldelay=500 scrollamount=100》啦啦啦,我走一步,停一停!《/marquee》
6、对齐方式(Align) 《align=#》 #=top, middle, bottom
如:《font size=6》
《marquee align=# width=400》啦啦啦,我会移动耶!《/marquee》
《/font》
7、底色 《bgcolor=#》
#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
如:《marquee bgcolor=aaaaee》啦啦啦,我会移动耶!《/marquee》
8、面积 《height=# width=#》
如:《marquee height=40 width=50% bgcolor=aaeeaa》 啦啦啦,我会移动耶!《/marquee》
9、空白(Margins)《hspace=# vspace=#》
《marquee id=“scrollarea“ direction=“up“ scrolldelay=“10“ scrollamount=“1“ width=“150“ height=“80“ onmouseover=“this.stop();“ onmouseout=“this.start();“》
------------------------------------------------------------------------------------------------------------------------------
《marquee》《/marquee》
以下是一个最简单的例子:
代码如下:
《marquee》《font size=+3 color=red》Hello, World《/font》《/marquee》
下面这两个事件经常用到:
onMouseOut=“this.start()“ :用来设置鼠标移出该区域时继续滚动
onMouseOver=“this.stop()“:用来设置鼠标移入该区域时停止滚动
代码如下:
《marquee 》onMouseOut=“this.start()“ :用来设置鼠标移出该区域时继续滚动 :用来设置鼠标移入该区域时停止滚动《/marquee》
这是一个完整的例子:
代码如下:
《marquee align=“left“ behavior=“scroll“ bgcolor=“#FF0000“ direction=“up“ height=“300“ width=“200“ hspace=“50“ vspace=“20“ loop=“-1“ scrollamount=“10“ scrolldelay=“100“ 》
这是一个完整的例子
《/marquee》
该标签支持的属性多达11个:
align
设定《marquee》标签内容的对齐方式
absbottom:绝对底部对齐(与g、p等字母的最下端对齐)
absmiddle:绝对中央对齐
baseline:底线对齐
bottom:底部对齐(默认)
left:左对齐
middle:中间对齐
right:右对齐
texttop:顶线对齐
top:顶部对齐
html css设置文字滚动
《marquee style=“WIDTH: 388px; HEIGHT: 200px“ scrollamount=“2“ direction=“up“ 》
《div align=“left“ 》
《/div 》
《center 》《font face=“黑体“ color=“#008000“ size=“4“ 》《/font 》《/center 》
《div align=“left“ 》
《/div 》
《center 》
《p 》《font color=“#ff6600“ size=“4“ 》滚动文字《/font 》《/p 》
《p 》《font color=“#ff4500“ size=“4“ 》滚动文字《/font 》《/p 》
《p 》《font color=“#ff3300“ size=“4“ 》滚动文字《/font 》
《/p 》
《/marquee 》
marquee 参数:
BGColor:滚动文本框的背景颜色。
Direction:滚动方bai向设置,可选择Left、Right、up和down。
scrolldelay:每轮滚动之间的延迟时间,越大越慢。
scrollamount:一次滚动总的时间量,数字越小滚动越慢。
Behaviour:滚动的方式设置,三种取值:Scroll(循环滚动) lide(单次滚动)、Alternate(来回滚动)。
Align:文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width:滚动文本框的宽度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
Height:滚动文本框的高度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
loop:滚动次数。默认为infinite
hspace、vspace:前后、上下的空行。
Marquee中显示信息
文字滚动是由《marquee》《/marquee》控制的。marquee的参数如下:
1、方向 《direction=#》 #=left, right
如:《marquee direction=left》啦啦啦,我从右向左移!《/marquee》
《marquee direction=right》啦啦啦,我从左向右移!《/marquee》
2、方式 《bihavior=#》 #=scroll, slide, alternate
如:《marquee behavior=scroll》啦啦啦,我一圈一圈绕着走!《/marquee》
《marquee behavior=slide》啦啦啦,我只走一次就歇了!《/marquee》
《marquee behavior=alternate》啦啦啦,我来回走耶!《/marquee》
3、循环 《loop=#》 #=次数;若未指定则循环不止(infinite)
如:《marquee loop=3 width=50% behavior=scroll》啦啦啦,我只走 3 趟哟!《/marquee》
《marquee loop=3 width=50% behavior=slide》啦啦啦,我只走 3 趟哟!《/marquee》
《marquee loop=3 width=50% behavior=alternate》啦啦啦,我只走 3 趟哟!《/marquee》
4、速度 《scrollamount=#》
如:《marquee scrollamount=20》啦啦啦,我走得好快哟!《/marquee》
5、延时 《scrolldelay=#》
如: 《marquee scrolldelay=500 scrollamount=100》啦啦啦,我走一步,停一停!《/marquee》
6、对齐方式(Align) 《align=#》 #=top, middle, bottom
如:《font size=6》
《marquee align=# width=400》啦啦啦,我会移动耶!《/marquee》
《/font》
7、底色 《bgcolor=#》
#=rrggbb 16 进制数码,或者是下列预定义色彩:
Black, Olive, Teal, Red, Blue, Maroon, Navy, Gray, Lime,
Fuchsia, White, Green, Purple, Silver, Yellow, Aqua
如:《marquee bgcolor=aaaaee》啦啦啦,我会移动耶!《/marquee》
8、面积 《height=# width=#》
如:《marquee height=40 width=50% bgcolor=aaeeaa》 啦啦啦,我会移动耶!《/marquee》
9、空白(Margins)《hspace=# vspace=#》
《marquee id=“scrollarea“ direction=“up“ scrolldelay=“10“ scrollamount=“1“ width=“150“ height=“80“ onmouseover=“this.stop();“ onmouseout=“this.start();“》
------------------------------------------------------------------------------------------------------------------------------
《marquee》《/marquee》
以下是一个最简单的例子:
代码如下:
《marquee》《font size=+3 color=red》Hello, World《/font》《/marquee》
下面这两个事件经常用到:
onMouseOut=“this.start()“ :用来设置鼠标移出该区域时继续滚动
onMouseOver=“this.stop()“:用来设置鼠标移入该区域时停止滚动
代码如下:
《marquee 》onMouseOut=“this.start()“ :用来设置鼠标移出该区域时继续滚动 :用来设置鼠标移入该区域时停止滚动《/marquee》
这是一个完整的例子:
代码如下:
《marquee align=“left“ behavior=“scroll“ bgcolor=“#FF0000“ direction=“up“ height=“300“ width=“200“ hspace=“50“ vspace=“20“ loop=“-1“ scrollamount=“10“ scrolldelay=“100“ 》
这是一个完整的例子
《/marquee》
该标签支持的属性多达11个:
align
设定《marquee》标签内容的对齐方式
absbottom:绝对底部对齐(与g、p等字母的最下端对齐)
absmiddle:绝对中央对齐
baseline:底线对齐
bottom:底部对齐(默认)
left:左对齐
middle:中间对齐
right:右对齐
texttop:顶线对齐
top:顶部对齐
代码如下:
《marquee align=“absbottom“》align=“absbottom“:绝对底部对齐(与g、p等字母的最下端对齐)。 《/marquee》
《marquee align=“absmiddle“》align=“absmiddle“: 绝对中央对齐。 《/marquee》
《marquee align=“baseline“》align=“baseline“: 底线对齐。 《/marquee》
《marquee align=“bottom“》align=“bottom“: 底部对齐(默认)。 《/marquee》
《marquee align=“left“》align=“left“: 左对齐。 《/marquee》
《marquee align=“middle“》align=“middle“: 中间对齐。 《/marquee》
《marquee align=“right“》align=“right“: 右对齐。 《/marquee》
《marquee align=“texttop“》align=“texttop“: 顶线对齐。 《/marquee》
《marquee align=“top“》align=“top“: 顶部对齐。 《/marquee》
behavior
设定滚动的方式:
alternate: 表示在两端之间来回滚动。
scroll: 表示由一端滚动到另一端,会重复。
slide: 表示由一端滚动到另一端,不会重复。
代码如下:
《marquee behavior=“alternate“》alternate:表示在两端之间来回滚动。 《/marquee》
《marquee behavior=“scroll“》scroll:表示由一端滚动到另一端,会重复。《/marquee》
《marquee behavior=“slide“》slide: 表示由一端滚动到另一端,不会重复。《/marquee》
bgcolor
设定活动字幕的背景颜色,背景颜色可用RGB、16进制值的格式或颜色名称来设定。
代码如下:
《marquee bgcolor=“#006699“》设定活动字幕的背景颜色 bgcolor=“#006699“《/marquee》
《marquee bgcolor=“RGB(10%,50%,100%,)“》设定活动字幕的背景颜色 bgcolor=“rgb(10%,50%,100%,)“《/marquee》
《marquee bgcolor=“red“》设定活动字幕的背景颜色 bgcolor=“red“《/marquee》
direction
设定活动字幕的滚动方向
代码如下:
《marquee direction=“down“》设定活动字幕的滚动方向direction=“down“:向下《/marquee》
《marquee direction=“left“》设定活动字幕的滚动方向direction=“left“:向左《/marquee》
《marquee direction=“right“》设定活动字幕的滚动方向direction=“right“:向右《/marquee》
《marquee direction=“up“》设定活动字幕的滚动方向direction=“up“:向上《/marquee》
height
设定活动字幕的高度
代码如下:
《marquee height=“500“ direction=“down“ bgcolor=“#CCCCCC“》设定活动字幕的高度height=“500“《/marquee》
width
设定活动字幕的宽度
代码如下:
《marquee width=“500“ bgcolor=“#CCCCCC“》设定活动字幕的宽度width=“500“《/marquee》
hspace
设定活动字幕里所在的位置距离父容器水平边框的距离
This controls the horizontal(水平)space around the display box.
代码如下:
《table width=“500“ border=“1“ align=“center“ cellpadding=“0“ cellspacing=“0“》
《tr》
《td》《marquee hspace=“100“ bgcolor=“#CCCCCC“》hspace=“100“《/marquee》《/td》
《/tr》
《/table》
vspace
设定活动字幕里所在的位置距离父容器垂直边框的距离
This controls the vertical(垂直) space around the display box.
代码如下:
《marquee vspace=“100“ bgcolor=“#CCCCCC“》hspace=“100“《/marquee》
loop
设定滚动的次数,当loop=-1表示一直滚动下去,默认为-1
代码如下:
《marquee loop=“-1“ bgcolor=“#CCCCCC“》我会不停地走。《/marquee》
《p》 《/p》
《marquee loop=“2“ bgcolor=“#CCCCCC“》我只走两次哦《/marquee》
scrollamount
设定活动字幕的滚动速度,单位pixels
代码如下:
《marquee scrollamount=“10“ 》scrollamount=“10“ 《/marquee》
《marquee scrollamount=“20“ 》scrollamount=“20“ 《/marquee》
《marquee scrollamount=“30“ 》scrollamount=“30“ 《/marquee》
scrolldelay
设定活动字幕滚动两次之间的延迟时间,单位millisecond(毫秒)
值大了会有一步一停顿的效果
代码如下:
《marquee scrolldelay=“10“ 》scrolldelay=“10“ 《/marquee》
《marquee scrolldelay=“100“ 》 scrolldelay=“100“《/marquee》
《marquee scrolldelay=“1000“》scrolldelay=“1000“ 《/marquee》
-------------------------------------------------------------------------------------------------------------------------------
啦啦啦,真的会动耶!
瞧,简单吧?不过,以上例子只是使用了marquee的默认用法。我们加入相应的参数,它的移动方法就有所不同了。
参数一:direction
direction的英文意思就是方向。这个参数的取值有四个:left(左)、right(右)、up(上)、down(下)。
例:
向上移动
参数二:behavior
移动方式。值:scroll(循环移动)、slide(只移动一个回合)、alternate(来回移动)。
例:
哈哈,我来回走!
累!我只走一次!
参数三:loop
循环。若未指定则循环不止(infinite),其值取数值。例:
我只走三次哦
参数四:scrollamount
移动速度。值取正整数。数值越大,速度越快。例:
看,我走多快!
参数五:scrolldelay
延时。数值。例:
我走一走,停一停
参数六:bgcolor
底色。例:
看到了吧?有底色!
参数七:width和height
就是移动的宽度与高度了。例:
这个面积不够我移动!
其他参数:
空白(Margins)
对齐方式(Align)
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、height
7.滚动背景颜色bgcolor
8.空白空间hspace、vspace
代码示例:
《!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN“ “ slide:表示由一段滚动到另一端,不会重复...
《/marquee》
《/div》
《/body》
《/html》
from
http://www.cnblogs.com/zzuIvy/p/marqueeTest_1.html
dw中marquee属性怎么设置
它的参数:
direction 表示滚动的方向,值可以是left,right,up,down,默认为left
behavior 表示滚动的方式,值可以是scroll(连续滚动)slide(滑动一次)alternate(来回滚动)
loop 表示循环的次数,值是正整数,默认为无限循环
scrollamount 表示运动速度,值是正整数,默认为6
scrolldelay 表示停顿时间,值是正整数,默认为0,单位是毫秒
align 表示元素的垂直对齐方式,值可以是top,middle,bottom,默认为middle
bgcolor 表示运动区域的背景色,值是16进制的RGB颜色,默认为白色
height、width 表示运动区域的高度和宽度,值是正整数(单位是像素)或百分数,默认width=100% height为标签内元素的高度
hspace、vspace 表示元素到区域边界的水平距离和垂直距离,值是正整数,单位是像素。
onmouseover=this.stop() onmouseout=this.start() 表示当鼠标以上区域的时候滚动停止,当鼠标移开的时候又继续滚动
HTML里的marquee可以控制文字的移动范围吗
《marquee direction=left behavior=scroll width=100 height=26》
’滚动内容
《/marquee》
’针对marquee中参数direction及behavior说明:
’direction=left|right|up|down滚动方向(左,右,上,下)
’behavior=scroll|slide|alternate
’scroll表示由一端滚动到另一端
’slide表示由一端快速滑动到另一端,不再重复
’alternate表示在两端之间来回滚动
’width/height表示宽与高
用HTML如何实现文字滚动
CSS
《div id=“left“ 》
《marquee style=“WIDTH: 388px; HEIGHT: 200px“ scrollamount=“2“ direction=“up“ 》
《br /》
《center 》《font face=“黑体“ color=“#008000“ size=“4“ 》《/font 》《/center 》
《div align=“left“ 》《br /》
《/div 》
《center 》
《p 》《font color=“#ff6600“ size=“4“ 》滚动文字《/font 》《/p 》
《p 》《font color=“#ff4500“ size=“4“ 》滚动文字《/font 》《/p 》
《p 》《font color=“#ff3300“ size=“4“ 》滚动文字《/font 》《br /》
《br /》
《/p 》
《/marquee 》
《/div 》
marquee 参数:
BGColor:滚动文本框的背景颜色。
Direction:滚动方向设置,可选择Left、Right、up和down。
scrolldelay:每轮滚动之间的延迟时间,越大越慢。
scrollamount:一次滚动总的时间量,数字越小滚动越慢。
Behaviour:滚动的方式设置,三种取值:Scroll(循环滚动) lide(单次滚动)、Alternate(来回滚动)。
Align:文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width:滚动文本框的宽度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
Height:滚动文本框的高度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
loop:滚动次数。默认为infinite
hspace、vspace:前后、上下的空行。
jquery
$(“#left“).css()//设置div高宽,设置溢出不可见,通过改变 需要滚动的文本外容器 高度来实现滚动效果
网页设计文字滚动(水平)代码
网页设计文字滚动(水平)代码是:
《marquee direction=up scrollamount=1 scrolldelay=100
height=60》
《!-- head_scrolltext --》
《tr》
《td》
共和国
《/table》 《!-- end head_scrolltext --》
《/marquee》
扩展资料:
一、除此之外,marquee参数有以下:
BGColor:滚动文本框的背景颜色。
Direction:滚动方向设置,可选择Left、Right、up和down。
scrolldelay:每轮滚动之间的延迟时间,越大越慢。
scrollamount:一次滚动总的时间量,数字越小滚动越慢。
Behaviour:滚动的方式设置,三种取值:Scroll(循环滚动) lide(单次滚动)、Alternate(来回滚动)。
Align:文字的对齐方式设置。可选择Middle(居中)、Bottom(居下)还是Top(居上)。
Width:滚动文本框的宽度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
Height:滚动文本框的高度,输入一个数值后从后面的单选框选择in Pixels(按像素)或是in Percent(按百分比)。
loop:滚动次数。默认为infinite
hspace、vspace:前后、上下的空行。
二、滚动字幕在FrontPage的组件里有,但是FrontPage这个软件只能支持单行文字,一出现多行文字它就无能为力了,而且它只能支持一行滚动。(如果出现只能滚动一行的情况,解决办法是把这段代码嵌入到JavaScript的document.write里面。)
本文相关文章:
黄山ie修复专家官网(装上黄山IE修复专家后有些连接网页打不开)
2024年7月15日 14:50
网页视频没声音(我的电脑为什么只有在网页上放视频或电影没声音啊 其他什么都有声音)
2024年6月20日 00:15
如何发布网站(自己做了个网站,该怎么发布出去并且可以找到自己的网页)
2024年6月4日 15:17
Web前端开发要学习的网页优化技巧有哪些?如何优化网页加载速度
2024年6月2日 21:21
宠物小游戏大全(宠物网页小游戏大全有人给推荐个宠物网页小游戏大全谢谢了)
2024年5月20日 10:50
网页游戏?网页游戏好耍的,推荐几款,谢谢,可以是一个人的,如武林英雄,可以是多个人的,如热血三国
2024年1月6日 14:20
网页版懂车帝在哪里设置密码?懂车帝官网40万一50万SUV买哪款车
2023年11月24日 09:00
1号店官方网站(今天登陆1号店,准备买东西,结果不知道怎么的,1号店的网页打不开了,怎么办)
2023年9月26日 16:40
js中怎么让一个随机数在进入网页中只随机一次?js如何生成指定范围内的随机数
2023年8月31日 07:00
文章照妖镜准吗它的数据库是网页还是论文库?论文照妖镜软件的下载地址
2023年6月6日 17:20
此网页包含的内容将不使用安全的https(此网页包含的内容将不使用安全的HTTPS连接传送,可能危及到整个网页的安全)
2023年5月16日 05:40
打开所有浏览器都无法打开网页?所有网页游戏的网站无法打开,显示空白,出现error字母
2023年4月27日 09:20
玩网页聊天室最好的浏览器是什么跪求~?用JSP实现一个简易的网页版聊天室
2023年3月25日 07:40
摩尔勇士官网(摩尔勇士 了解更多,请发给我网址(注意:必须在夜晚12点后,到正常网页,不是夜间网页))
2023年2月23日 00:20
更多文章:
广州买笔记本(在广州去哪里买笔记本最实惠买哪个品牌的好,朋友们给个意见)
2024年9月1日 16:40
小新air142021版拆箱(小新 Air-14 2021能带的动an吗)
2024年3月14日 11:00
2017款macbook pro(Mac Book Pro2017年的256G和128G的硬盘的差价是多少)
2023年11月21日 05:00
戴尔网卡驱动(戴尔optiplex7050安装Ubuntu18.04网卡驱动不识别)
2024年7月16日 05:53
gtx1050ti显卡什么级别(英伟达GTX1050ti的显卡 怎么样 属于什么级别的显卡能不能玩地下城我怕玩了开个二觉就卡桢)
2024年6月13日 18:13
2021年新款手机(2021年10款新手机即将登场:小米,荣耀,三星华为等登场)
2024年7月18日 18:21
联想y470适合什么系统(联想Y470适合多少位的操作系统 我的是64位的 感觉怎么有点卡一样)
2023年11月30日 01:40
联想小新pro16锐龙版(2021小新pro16锐龙和电竞显卡版哪个好)
2024年8月29日 17:00
联想g455笔记本cpu(联想G455笔记本CPU温度过高温度高怎么办)
2024年3月6日 17:50
xps挤塑板阻燃吗(我是做xps挤塑板的,但是阻燃的效果没有达到预期的效果~~谁来给点意见啊!)
2024年2月29日 09:20