2009/2/28

用 javascript 來取代 marquee 《by 童顏未老人》

 最近網站上的部份功能被老板要求要改變了,他希望公司的訊息能跑馬登的方式來呈現,呵,這不太難:


 不過這會有一個問題,那就是在 "星期五,同劉真去跳舞" 和 下一次出現的 "星期一,幫林志玲穿新衣" 間會有一大塊的空白,會形成冷場,所以這不是我所要的。但是我在網路上找半天後發現,用現成的 marquee 來製作的話,好像就一定會有這一大塊的空白。恩,看來要用 javascript 了。


 先用 google 大神找一下,果然網路上有現成的,但是很多都是有點小問題,不是只能在 ie 跑,要不然在 firefox 下會毫無動靜,不過還是讓我找到一個最簡單又貼近我的需求的作品,雖然它有一個小問題,就是當滑鼠移入後不會讓跑馬燈停下來,不過這還好,修改一下就可以了 :


而結果也還算是如人意,若想要調整捲動速度時, 僅要去改一下 setInterval(NewsMarquee,100); 裏面的數字即可 !

1 則留言:

  1. 請問為什麼照你的方式去做,只捲動一次就不再捲動了呢?

    回覆刪除