marquee的详细用法解析

W3C CSS 2016-10-15

先看下 marquee 的html 属性 

<MARQUEE ALIGN="…" 

BEHAVIOR="…" 

bgcolor="…" 

DIRECTION="…" 

height="…" 

width="…" 

HSPACE="…" 

VSPACE="…" 

LOOP="…" 

SCROLLAMOUNT="…" 

SCROLLDELAY="…" 

>… 

</MARQUEE> 

align: --对其方式 LEFT,CENTER,RIGHT,TOP,BOTTOM (不用多说咯) 

Behavior:--用于设定滚动的方式,主要由三种方式: 

behavior="scroll"--表示由一端滚动到另一端; 

behavior="slide":--表示由一端快速滑动到另一端,且不再重复; 

behavior="alternate" 默认值 --表示在两端之间来回滚动。 

innercode--设置或获取位于对象起始和结束标签内的 code 

innerText--设置或获取位于对象起始和结束标签内的文本 

scrollLeft-- 设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 

scrollTop --设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 

PS:呵呵 大家不要和我以前一样想当然的还以为有scrollRigh和scrollDown 

scrollDelay-- 设置或获取字幕滚动的速度 

要创建垂直滚动的字幕,请将其 scrollLeft 属性设定为 0。 

要创建水平滚动的字幕,请将其 scrollTop 属性设定为 0,这将覆盖任何脚本设置 

scrollHeight-- 获取对象的滚动高度 

scrollAmount--设置或获取介于每个字幕绘制序列之间的文本滚动像素数 

offsetTop--获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 

offsetLeft--获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 

offsetHeight--获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度。 

setInterval(表达式,交互时间)则不一样,它从载入后,每隔指定的时间就执行一次表达式 

clearInterval 使用 setInterval 方法取消先前开始的间隔事件。 

代码: 

<marquee direction="up" onmouseover="this.stop();" onmouseout="this.start();"> 

阿米的眼泪<br> 

眼泪的阿米<br> 

amily<br> 

</marquee>  

相关推荐