DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> js實現的文字橫向無間斷滾動
js實現的文字橫向無間斷滾動
編輯:關於JavaScript     
我一開始想到的標簽是<marquee>,因為它可以實現橫向滾動。經理說它的起始位置從最右邊出來的,能不能將它改成從中間出來,或者從最左邊出來也行。查了相關資料,才知道<marquee>無法指定起始位置。後來在網上找到一段代碼,它是用圖片來實現的,我將圖片改成文字之後,順利地實現了我所想要的功能。代碼如下:

[Ctrl+A 全選 注:如需引入外部Js需刷新才能執行]
這裡${affiche.content}是從數據庫取出來的文字。

之所以在scroll_begin的div裡面寫這個多重復的文字,是因為這些文字的長度必須要大於scroll_div的div容器。如果小於div容易,則不會有一直滾動的效果。

換句話說:無縫滾動的內容寬度加起來必須要大於容器的寬度。
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved