快捷導(dǎo)航

js實(shí)現(xiàn)的文字橫向無(wú)間斷滾動(dòng)

更新時(shí)間：2010年12月30日 19:24:56 作者：

要實(shí)現(xiàn)這樣一個(gè)功能，文字在某塊區(qū)域內(nèi)橫向無(wú)間隙滾動(dòng)。

我一開(kāi)始想到的標(biāo)簽是<marquee>，因?yàn)樗梢詫?shí)現(xiàn)橫向滾動(dòng)。經(jīng)理說(shuō)它的起始位置從最右邊出來(lái)的，能不能將它改成從中間出來(lái)，或者從最左邊出來(lái)也行。查了相關(guān)資料，才知道<marquee>無(wú)法指定起始位置。后來(lái)在網(wǎng)上找到一段代碼，它是用圖片來(lái)實(shí)現(xiàn)的，我將圖片改成文字之后，順利地實(shí)現(xiàn)了我所想要的功能。代碼如下：

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]

這里${affiche.content}是從數(shù)據(jù)庫(kù)取出來(lái)的文字。

之所以在scroll_begin的div里面寫這個(gè)多重復(fù)的文字，是因?yàn)檫@些文字的長(zhǎng)度必須要大于scroll_div的div容器。如果小于div容易，則不會(huì)有一直滾動(dòng)的效果。

換句話說(shuō)：無(wú)縫滾動(dòng)的內(nèi)容寬度加起來(lái)必須要大于容器的寬度。

您可能感興趣的文章:

相關(guān)文章

JS中數(shù)據(jù)結(jié)構(gòu)與算法---排序算法(Sort Algorithm)實(shí)例詳解
排序也稱排序算法 (Sort Algorithm)，排序是將一組數(shù)據(jù) ，依指定的順序進(jìn)行排列的過(guò)程。這篇文章主要介紹了數(shù)據(jù)結(jié)構(gòu)與算法---排序算法(Sort Algorithm),需要的朋友可以參考下
2019-06-06
JavaScript組合模式Composite Pattern
這篇文章主要介紹了學(xué)習(xí)理解JavaScript組合模式，組合模式及Composite Pattern又叫部分整體模式，是用于把一組相似的對(duì)象當(dāng)作一個(gè)單一的對(duì)象
2022-04-04
window.onbeforeunload方法在IE下無(wú)法正常工作的解決辦法
下面的代碼可以做到不管用戶是點(diǎn)擊了關(guān)閉，或者是在任務(wù)欄關(guān)閉、點(diǎn)擊后退、刷新、按F5鍵，都可以檢測(cè)到用戶即將離開(kāi)的消息。
2010-01-01
JavaScript快速排序(quickSort)算法的實(shí)現(xiàn)方法總結(jié)
快速排序的思想式分治法,選一個(gè)基準(zhǔn)點(diǎn),然后根據(jù)大小進(jìn)行分配,分配然完畢之后,對(duì)已經(jīng)分配的進(jìn)行遞歸操作,最終形成快速排序,所以遞歸也是快速排序思想的一個(gè)重要組成部分,本文主要給大家介紹了JavaScript實(shí)現(xiàn)快速排序的寫法,需要的朋友可以參考下
2023-11-11
js取消單選按鈕選中并判斷對(duì)象是否為空
取消單選按鈕選中并判斷對(duì)象是否為空，在項(xiàng)目中也是比較常見(jiàn)的，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下
2013-11-11
JS留言功能的簡(jiǎn)單實(shí)現(xiàn)案例(推薦)
下面小編就為大家?guī)?lái)一篇JS留言功能的簡(jiǎn)單實(shí)現(xiàn)案例(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
淺談JS的二進(jìn)制家族
事實(shí)上，前端很少涉及對(duì)二進(jìn)制數(shù)據(jù)的處理，但即便如此，我們偶爾總能在角落里看見(jiàn)它們的身影。今天我們就來(lái)聊一聊前端的二進(jìn)制家族：Blob、ArrayBuffer和Buffer
2021-05-05
JS實(shí)現(xiàn)簡(jiǎn)易貪吃蛇游戲
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)簡(jiǎn)易貪吃蛇游戲，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-08-08
JS+HTML實(shí)現(xiàn)經(jīng)典游戲吃豆人
吃豆游戲可以說(shuō)是我們80，90后共同的回憶錄，小時(shí)候常常在學(xué)習(xí)機(jī)上玩，所以也就有了強(qiáng)烈的欲望去寫。所以本文將利用JS+HTML實(shí)現(xiàn)這一經(jīng)典游戲，需要的可以參考一下
2022-04-04
js實(shí)現(xiàn)的奧運(yùn)倒計(jì)時(shí)時(shí)鐘效果代碼
這篇文章主要介紹了js實(shí)現(xiàn)的奧運(yùn)倒計(jì)時(shí)時(shí)鐘效果代碼,可實(shí)現(xiàn)根據(jù)指定時(shí)間進(jìn)行倒計(jì)時(shí)的實(shí)時(shí)顯示效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
2015-12-12