文字數項無縫滾動

2022-06-28 07:06:08 字數 1420 閱讀 5355

首先專案是移動端專案,無需做滑鼠劃過暫停,因時間緊張,本次也不再新增,有空閒時間再來補充。

1、布局部分

<

div

id="demo"

class

="qimo8"

>

<

div

class

="qimo"

>

<

div

id="demo1"

>

<

ul>

<

li>某某某獲得一等獎

li>

<

li>某某某獲得四等獎

li>

<

li>某某某獲得三等獎

li>

<

li>某某某獲得二等獎

li>

<

li>某某某獲得四等獎

li>

<

li>某某某獲得三等獎

li>

<

li>某某某獲得二等獎

li>

<

li>某某某獲得三等獎

li>

<

li>某某某獲得一等獎

li>

<

li>某某某獲得四等獎

li>

<

li>某某某獲得三等獎

li>

<

li>某某某獲得二等獎

li>

<

li>某某某獲得四等獎

li>

<

li>某某某獲得三等獎

li>

<

li>某某某獲得二等獎

li>

<

li>某某某獲得三等獎

li>

ul>

div>

<

div

id="demo2"

>

div>

div>

div>

2、樣式**

3、js部分

var demo = document.getelementbyid("demo");

var demo1 = document.getelementbyid("demo1");

var demo2 = document.getelementbyid("demo2");

demo2.innerhtml=document.getelementbyid("demo1").innerhtml;

function

marquee()

else

}setinterval(marquee,40);

完成啦!

想改為橫屏滾動的,看懂**自己就能動手改啦,空閒時再來補充!

無縫文字滾動

乙個常見的無縫文字滾動,結合css構建的區域形成即時新聞列表,與常見滾動有所不同的是,我們增加了手動控制,即 如果文字滾動錯過了想要看的文章標題,您可以按向上或向下的控制按鈕進行返回操作。文章源自 烈火網,原文 即時新聞 盛大遊戲獲 最終幻想14 大陸獨家運 盛大和cntv.cn成立合資遊戲公司易橙...

jquery無縫滾動文字

這是公告標題的第一行li 這是公告標題的第二行li 這是公告標題的第三行li 這是公告標題的第四行li 這是公告標題的第五行li 這是公告標題的第六行li 這是公告標題的第七行li 這是公告標題的第八行li 這是公告標題的九行li 這是公告標題的第十行li 這是公告標題的第十一行li 這是公告標題的...

文字列表迴圈無縫滾動

樣式自己設定哦 class notice content id marquee href 第1期成立公告a li href 第2期成立公告a li href 第3期成立公告a li href 第4期成立公告a li href 第5期成立公告a li href 第6期成立公告a li ul div d...