今天無心中發現了一個html標籤 - <marquee></marquee>能夠實現多種滾動效果,無需js控制。html
語法:<marquee>...</marquee>; // 在標記之間添加要進行滾動的內容。能夠輸入文字,還能夠放圖片代碼、Flash動畫代碼和gif動態小圖代碼等。ide
屬性:oop
屬性彙總例句:
<marquee direction="up" behavior="scroll「 loop=」3「 scrollamount=」1「 scrolldelay=」10「 bgcolor="#ccffff" height="150" width="15%" hspace="20" vspace="10」 onmouseover=this.stop() onmouseout=this.start()><P align=center>此處輸入滾動內容</P></marquee>動畫
direction:up | down | left | right //表示滾動的方向(默認爲left);
//向上滾動 | 向下滾動 | 向左滾動 | 向右滾動this
behavior:scroll(默認) | slide | alternate //表示滾動的方式
//循環滾動 | 只滾動一次就中止 | 來回交替進行滾動spa
loop:infinite | -1 | number //決定滾動文字的滾動次數htm
//無限循環滾動|無限循環滾動|滾動次數
scrollamount //決定文字滾動的速度; 滾動速度是設置每次滾動時移動的長度,以像素爲默認單位seo
scrolldelay //決定文字滾動的延時; 設置滾動的時間間隔,單位是毫秒
bgcolor //文字滾動範圍的背景顏色
width和height //決定滾動文字在頁面中的矩形範圍大小
hspace和vspace 決定滾動矩形區域距周圍的空白區域
onmouseover=this.stop() //表示當鼠標移上區域的時候滾動中止
onmouseout=this.start() //表示當鼠標移開的時候又繼續滾動
align:left (默認)| center | right //水平對齊
valign:top | middle | bottom | middle (默認) //垂直對齊方式圖片