html之marquee详解_html/css_WEB-ITnose

WBOY
Release: 2016-06-21 09:16:33
Original
1020 people have browsed it

下面这两个事件经常用到:
onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动
onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动

代码如下:

onMouseOut="this.start()" :用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()":用来设置鼠标移入该区域时停止滚动

 

这是一个完整的例子:


代码如下:


这是一个完整的例子

 


该标签支持的属性多达11个:

 


align
设定标签内容的对齐方式
absbottom:绝对底部对齐(与g、p等字母的最下端对齐)
absmiddle:绝对中央对齐
baseline:底线对齐
bottom:底部对齐(默认)
left:左对齐
middle:中间对齐
right:右对齐
texttop:顶线对齐
top:顶部对齐


代码如下:

align="absbottom":绝对底部对齐(与g、p等字母的最下端对齐)。
align="absmiddle": 绝对中央对齐。
align="baseline": 底线对齐。
align="bottom": 底部对齐(默认)。
align="left": 左对齐。
align="middle": 中间对齐。
align="right": 右对齐。
align="texttop": 顶线对齐。
align="top": 顶部对齐。

 


behavior
设定滚动的方式:
alternate: 表示在两端之间来回滚动。
scroll: 表示由一端滚动到另一端,会重复。
slide:  表示由一端滚动到另一端,不会重复。

代码如下:

alternate:表示在两端之间来回滚动。
scroll:表示由一端滚动到另一端,会重复。
slide:  表示由一端滚动到另一端,不会重复。

 


bgcolor
设定活动字幕的背景颜色,背景颜色可用RGB、16进制值的格式或颜色名称来设定。

代码如下:

设定活动字幕的背景颜色 bgcolor="#006699"
设定活动字幕的背景颜色 bgcolor="rgb(10%,50%,100%,)"
设定活动字幕的背景颜色 bgcolor="red"

 


direction
设定活动字幕的滚动方向

代码如下:

设定活动字幕的滚动方向direction="down":向下
设定活动字幕的滚动方向direction="left":向左
设定活动字幕的滚动方向direction="right":向右
设定活动字幕的滚动方向direction="up":向上

 


height
设定活动字幕的高度

代码如下:
设定活动字幕的高度height="500"

 


width
设定活动字幕的宽度

代码如下:
设定活动字幕的宽度width="500"

 

hspace
设定活动字幕里所在的位置距离父容器水平边框的距离
This controls the horizontal(水平)space around the display box.

代码如下:

 


   
     
   
 
hspace="100"

 


vspace
设定活动字幕里所在的位置距离父容器垂直边框的距离
This controls the vertical(垂直) space around the display box.

代码如下:
hspace="100"

 

loop
设定滚动的次数,当loop=-1表示一直滚动下去,默认为-1

代码如下:

我会不停地走。

 


我只走两次哦

 


scrollamount
设定活动字幕的滚动速度,单位pixels

代码如下:

scrollamount="10"
scrollamount="20"
scrollamount="30"

 


scrolldelay
设定活动字幕滚动两次之间的延迟时间,单位millisecond(毫秒)
值大了会有一步一停顿的效果

代码如下:

scrolldelay="10"
scrolldelay="100"
scrolldelay="1000"

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact [email protected]
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!