js實現(xiàn)的文字橫向無間斷滾動
更新時間：2010年12月30日 19:24:56 作者：
要實現(xiàn)這樣一個功能，文字在某塊區(qū)域內(nèi)橫向無間隙滾動。
我一開始想到的標簽是<marquee>，因為它可以實現(xiàn)橫向滾動。經(jīng)理說它的起始位置從最右邊出來的，能不能將它改成從中間出來，或者從最左邊出來也行。查了相關(guān)資料，才知道<marquee>無法指定起始位置。后來在網(wǎng)上找到一段代碼，它是用圖片來實現(xiàn)的，我將圖片改成文字之后，順利地實現(xiàn)了我所想要的功能。代碼如下：
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
這里${affiche.content}是從數(shù)據(jù)庫取出來的文字。
之所以在scroll_begin的div里面寫這個多重復(fù)的文字，是因為這些文字的長度必須要大于scroll_div的div容器。如果小于div容易，則不會有一直滾動的效果。
換句話說：無縫滾動的內(nèi)容寬度加起來必須要大于容器的寬度。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
這里${affiche.content}是從數(shù)據(jù)庫取出來的文字。
之所以在scroll_begin的div里面寫這個多重復(fù)的文字，是因為這些文字的長度必須要大于scroll_div的div容器。如果小于div容易，則不會有一直滾動的效果。
換句話說：無縫滾動的內(nèi)容寬度加起來必須要大于容器的寬度。
相關(guān)文章
JS中數(shù)據(jù)結(jié)構(gòu)與算法---排序算法(Sort Algorithm)實例詳解
排序也稱排序算法 (Sort Algorithm)，排序是將 一組數(shù)據(jù) ， 依指定的順序 進行 排列的過程 。這篇文章主要介紹了數(shù)據(jù)結(jié)構(gòu)與算法---排序算法(Sort Algorithm),需要的朋友可以參考下2019-06-06
JavaScript組合模式Composite Pattern
這篇文章主要介紹了學(xué)習(xí)理解JavaScript組合模式，組合模式及Composite Pattern又叫部分整體模式，是用于把一組相似的對象當作一個單一的對象2022-04-04
window.onbeforeunload方法在IE下無法正常工作的解決辦法
下面的代碼可以做到不管用戶是點擊了關(guān)閉，或者是在任務(wù)欄關(guān)閉、點擊后退、刷新、按F5鍵，都可以檢測到用戶即將離開的消息。2010-01-01
JavaScript快速排序(quickSort)算法的實現(xiàn)方法總結(jié)
快速排序的思想式 分治法,選一個基準點,然后根據(jù)大小進行分配,分配然完畢之后,對已經(jīng)分配的進行遞歸操作,最終形成快速排序,所以遞歸也是快速排序思想的一個重要組成部分,本文主要給大家介紹了JavaScript實現(xiàn)快速排序的寫法,需要的朋友可以參考下2023-11-11
取消單選按鈕選中并判斷對象是否為空，在項目中也是比較常見的，下面有個不錯的示例，感興趣的朋友可以參考下2013-11-11
下面小編就為大家?guī)硪黄狫S留言功能的簡單實現(xiàn)案例(推薦)。小編覺得挺不錯的， 現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
事實上，前端很少涉及對二進制數(shù)據(jù)的處理，但即便如此，我們偶爾總能在角落里看見它們的身影。 今天我們就來聊一聊前端的二進制家族：Blob、ArrayBuffer和Buffer2021-05-05
這篇文章主要為大家詳細介紹了JS實現(xiàn)簡易貪吃蛇游戲，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
吃豆游戲可以說是我們80，90后共同的回憶錄，小時候常常在學(xué)習(xí)機上玩，所以也就有了強烈的欲望去寫。所以本文將利用JS+HTML實現(xiàn)這一經(jīng)典游戲，需要的可以參考一下2022-04-04
這篇文章主要介紹了js實現(xiàn)的奧運倒計時時鐘效果代碼,可實現(xiàn)根據(jù)指定時間進行倒計時的實時顯示效果,非常簡單實用,需要的朋友可以參考下2015-12-12