JS魔法堂：通過marquee标簽實作資訊滾動效果

一、前言　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　 

  有限的空間展現無限的内容，這是滾動最常用到的地方。根據資訊滾動效果我們可以有很多的實作方式，但html自帶的 marquee标簽 是其中一個較簡單的實作方式。下面記錄一下，供日後查閱。

二、 marquee标簽 的基礎知識　　　　　　　　　　　　　　　　　　　　　　　　　　

示例：

屬性

   behavior ，滾動的方式。 值alternate 表示在兩端之間來復原動； 值scroll 表示由一端重複滾動到另一端，為預設值； 值slide 表示由一端不重複地滾動到另一端。 

   direction ， 滾動的方向。取值範圍為 left（預設值） ， right ， up 和 down 。

   loop ，滾動的次數。預設值-1表示一直滾動。

   scrollamount ， 設定一次滾動的步長。預設值為6， 當設定為負數時将采用預設值進行滾動。

   scrolldelay ，設定兩次滾動間的延遲時間(機關：ms)。預設值為85，當設定為負數時将采用預設值進行滾動。

三、滑鼠懸浮暫停滾動、移除即恢複滾動　　　　　　　　　　　　　　　　　　　　

四、總結　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

  當我們隻需實作當條特别公告等簡單資訊滾動效果時，marquee标簽是一個很不錯的選擇（雖然html5中已經将其廢除并建議使用css3動畫效果代替）