marquee及純CSS走馬燈效果

marquee：創建滾動的字幕，可用於文字、圖片、表格等。
屬性：

屬性名	屬性作用	值
behavior	表現滾動的方式，默認值為scroll	alternate:來回滾動; scroll:單方向循環滾動；slide：只滾動一次。
direction	滾動的方向，默認值left	left / right / down /up
loop	決定滾動文字的滾動次數	當值為-1或者infinite時為無限循環
scrollamount	決定文字滾動的速度	滾動速度是設置每次滾動時移動的長度，以像素為單位，越大速度越快
scrolldelay	決定文字滾動的延時	設置滾動的時間間隔，以毫秒為單位
bgcolor	文字滾動範圍的顏色
width/height	滾動文字在頁面中的矩形範圍大小
hspace	滾動矩形區域左右的空白距離
vspacce	滾動矩形區域上下的空白距離
align	absbottom：絕對底部對齊（與g、p等字母的最下端對齊）;absmiddle：絕對中央對齊;baseline：底線對齊;bottom：底部對齊（默認）;left：左對齊;middle：中間對齊;right：右對齊;texttop：頂線對齊;top：頂部對齊;

事件 經常用到的兩個事件：

onmousedout = "this.start()" 用來設置鼠標移除該區域時繼續滾動
onmouseover = "this.stop()" 用來設置鼠標移入該區域時停止滾動

示例： 代碼：

marquee{




 width: 300px;
 height: 50px;
 line-height: 50px;
 background: pink;
 border: 1px dotted yellow;




}

<marquee behavior="scroll" direction="left" loop="infinite" scrollamount="10" scrolldelay="30" >
 marquee實現走馬燈效果滾動示例
</marquee>