marquee的詳細用法解析
2020-10-23 18:53:20
供稿：網友
先看下 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>
