無縫向上滾動小廣告(原生)

2022-03-20 19:12:56 字數 1720 閱讀 3376

這個很簡單

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="utf-8"

>

<

title

>document

title

>

<

style

>

*div

ulli

style

>

head

>

<

body

>

<

div>

<

ul id

='ul'

>

<

li style

='background:red;'

>第乙個

li>

<

li style

='background:yellow;'

>第二個

li>

<

li style

='background:pink;'

>第三個

li>

<

li style

='background:green;'

>第四個

li>

<

li style

='background:blue;'

>第五個

li>

<

li style

='background:red;'

>第乙個

li>

<

li style

='background:yellow;'

>第二個

li>

<

li style

='background:pink;'

>第三個

li>

<

li style

='background:green;'

>第四個

li>

<

li style

='background:blue;'

>第五個

li>

ul>

div>

<

script

>

/*無縫向上滾動小廣告(原生)

*/var

num =0

;

vartime;

varul

=document.getelementbyid('ul

');varli

=ul.getelementsbytagname('li

');//獲取li 的集合

varliheight

=li[

0].offsetheight;

//獲取li的高度

vart

=setinterval(rem,

30);

function

rem()

}function

tt()

script

>

body

>

html

>

js 無縫向上滾動

這種節奏經常用在相同布局內容多的地方,列如排行榜,新聞等地方。為了效率,在此做個筆記 王芳王芳王芳王芳王芳王芳 label 156 9707 label 護膚禮包 label span span label 留校留校留校留校 label 156 9707 label 護膚禮包護膚禮包護膚禮包護膚禮包...

javascript 文字無縫向上滾動

靜態 style height 30px overflow hidden id marquee 第1段p 第2段p 第3段p 第4段p 第5段p div div 解釋 首先最外層是乙個高度只有30px的層,這樣大概只能顯示一行文字。然後裡面有乙個 marquee的層,這個層包含了很多段文字,高度實際...

頁面列表實現向上無縫滾動

class hello id container content1 v for item,index in list key index li ul div content2 div div template export default,mounted else 定時器 var timer set...