1. 程式人生 > >讓一行文字滾動只需用一行程式碼!

讓一行文字滾動只需用一行程式碼!

最近做了一個功能是讓文字滾動,不管從右向左,還是從左向右滾動,剛開始不知道怎麼做,於是有了很多種方法,比如用輪播圖,css等等,雖然也可以實現,但是實在是太麻煩了。今晚剛知道了一個標籤就可以完成,之前見過,可是忘了。。
所以想記錄下來。

這個標籤就是-----↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓

<marquee scrollAmount=6 width=300>滾就完了</marquee>

同樣的,這個標籤裡也有它的靈魂。
scrollAmount。它表示速度,值越大速度越快。預設為6
width和height,表示滾動區域的大小,width是寬度,height是高度。特別是在做垂直滾動的時候,一定要設height的值。
direction。表示滾動的方向,預設為從右向左:←←←。可選的值有right、down、up。滾動方向分別為:right表示→→→,up表示↑↑↑,down表示↓↓↓。
behavior。用它來控制屬性,預設為迴圈滾動,可選的值有alternate(交替滾動)、slide(幻燈片效果,指的是滾動一次,然後停止滾動)

如果想要做超連結的話,直接給文字加a標籤就可以了。

滑鼠停留在文字上,文字停止滾動 (此下的屬性都是加入到標籤內)

onmouseover=stop() 
onmouseout=start()

在一行內左右碰撞,來回動。。

behavior=alternate