中文字幕婷婷日韩欧美亚洲,天天摸天天摸色综合舒服网,国产www

首頁免費課信息滾動效果制作問答

信息滾動效果制作

                
                vivian
            Web前端工程師

                    查看講師更多課程 
                    vivian講師的其他課程
                
JS動畫效果
初級·113918
免費課程
                                
                難度初級
            
                時長39分
            
                學(xué)習(xí)人數(shù)
            
綜合評分9.63
                            488人評價
                        查看評價
                                9.8
                                內(nèi)容實用
                            
                                9.6
                                簡潔易懂
                            
                                9.5
                                邏輯清晰

全部評論問答未解決精華

Wang19961022

回去再研究研究源代碼……

2016-09-04

攻城3707672

都錯選什么！

0 2-4 練習(xí)題

2016-09-03

望天狼

照著老師的來敲的，可輸出函數(shù)顯示area.scrollTop++一直是0，怎么回事？

8 2-2 無縫滾動制作

2016-09-01

望天狼

那個顯示框怎么做的？求源碼

0 2-2 無縫滾動制作

2016-09-01

慕田峪9948786

老師講的是思路代碼當(dāng)然還能優(yōu)化很多了大家理解了滾動的原理就好了嘛何必計較細節(jié)

0 3-3 間歇性循環(huán)滾動制作

2016-08-30

_十年

視頻中2分35秒講解錯誤，setTimeout 里面的 area.scrollTop++,并不能讓他不斷的加1，只會加1次；

2 3-3 間歇性循環(huán)滾動制作

2016-08-28

_十年

這一課講的邏輯非?；靵y，并且有講解錯誤的地方，如setTimeout 里面的 area.scrollTop++,并不是一直加1，而是只加1次，容易造成誤導(dǎo)

2 3-3 間歇性循環(huán)滾動制作

2016-08-28

wobugaosuni2

老師講的有點復(fù)雜。我想這樣可以實現(xiàn)的：設(shè)一個大的定時器，每個2秒執(zhí)行一遍小定時器。小定時器里每50毫秒實現(xiàn)moveB.scrollTop+=1; 再執(zhí)行判斷：if(moveB.scrollTop%aheight==0){clearInterval(timer2);}

5 3-3 間歇性循環(huán)滾動制作

2016-08-26

wobugaosuni2

理論上當(dāng)li少到可以全部顯示在可視界面的話，偏移時的scrollTop永遠少于con1.scrollHeight。就達不到老師的判定條件：
if(moveB.scrollTop>=con1.scrollHeight){
moveB.scrollTop=0;
}else{
moveB.scrollTop+=1;
}
可以用console.log測試box.scrollTop和con.scrollHeight進行驗證。
我覺得把添加子結(jié)點放在定時器內(nèi)，讓它不斷地產(chǎn)生新子結(jié)點，達到滾動的目的挺好的。

3 2-2 無縫滾動制作

2016-08-26

小皮要好好學(xué)習(xí)

講得挺不錯的，很好，

2016-08-26

小新在編程

在判斷scroll.scrollTop = 0事, if的條件是scroll.scrollTop==content.offsetHeight/2 ,為什么這里的offsetHeight除以2, 如果不除以2, 瀏覽器的效果時候,走完了content里的內(nèi)容,但是呢,不在循環(huán). 這會scollTop有關(guān)系, 當(dāng)scorllTop滾到頂部,下面沒有內(nèi)容的時候,ScrollTop++是沒有用的, 但是這個時候呢scroll.scrollTop!=content.offsetHeigh,就停止了. 為了scrollTop
==offsetHeigh,把offsetHeigh/2就可以無縫滾動了.

2 3-3 間歇性循環(huán)滾動制作

2016-08-23

小新在編程

這種方式去實現(xiàn)無線滾動有一個缺點就是, 不同的瀏覽器對scrollTop理解不同,兼容性很差, 效果不好,會跳一下.就是字還沒有走完, scrollTop就等于offsetHeight, 就賦值scrollTop為0了,效果不是很理想. 建議用jquery的方法來實現(xiàn). 里面有解決瀏覽器兼容性的問題

6 2-3 鼠標懸停事件添加

2016-08-23

小新在編程

老師特別喜歡用setTime(), setInterval()這兩個循環(huán)調(diào)用的方法, 他們循環(huán)的方式有點不一樣的, 這里不做介紹,大家可以去百度. 當(dāng)代碼執(zhí)行到 setTime(), setInterval()時,會不會馬上執(zhí)行他們中的函數(shù)里,不會,js在這里會在這里做下標記,放學(xué)后你等著. 繼續(xù)執(zhí)行后面的代碼,為什么這里沒有馬上執(zhí)行setTime()中的方法,因為在寫的時候setTime(fun,time),這里寫的是fun,不是fun(),寫fun()后就是調(diào)用函數(shù),會馬上調(diào)用函數(shù),這里setTime()不允許這樣,寫fun,就是函數(shù)名, 函數(shù)名是函數(shù)的指針,在time循環(huán)后調(diào)用這個函數(shù).

7 2-3 鼠標懸停事件添加

2016-08-23

小新在編程

這里說下文中的一個地方,有點奇怪, setInterval("fun()",time),為什么這里要給fun()加括號呢, 加引號后, JS會自動的調(diào)用eval()方法,然后eval()來執(zhí)行這個方法fun(). JS定義setInterval(fun,time),這里的fun不是調(diào)用函數(shù)本身, 是指向函數(shù)的指針,然后在隔time時間后找到函數(shù)的物理位置并執(zhí)行它. 或者用代碼串的方式setInterval("scroll()",time),記住這里的代碼串要加(),加空號是為了讓eval()執(zhí)行它. 不同的寫法, 結(jié)果是相同的.

3 2-2 無縫滾動制作

2016-08-23

小新在編程

說下這里的scrollTop(),滾動條相對于其頂部的偏移, 就是滾動條向上移動,相對div的頂部偏移.當(dāng)內(nèi)容剛剛好偏移出這個div的顯示區(qū)域的時候,這個scollTop就等于div中內(nèi)容的offsetHeight. 這里要給這個div加上overflow:hidden; 同樣的, 也是給他設(shè)置scollTop(),讓他內(nèi)容向上滾. 不是它自己滾動. 在不同的瀏覽器中滾動多少也不一樣,比如你設(shè)置的是滾動10px, chrome滾動了12px, 火狐滾動了15px,實際的效果有所差別. IE版本沒有測試過,不做評論

2 2-2 無縫滾動制作

2016-08-22

首頁上一頁 7 8 9 10 11 12 13 下一頁尾頁

該課程已下架

課程須知: 1.您至少具備HTML/CSS基礎(chǔ)知識； 2.您至少具備JavaSript基礎(chǔ)知識；

老師告訴你能學(xué)到什么？: 1.學(xué)會<marquee>標簽及屬性，制作簡單信息滾動。 2.掌握無縫滾動原理，運用JavaScript實現(xiàn)效果。 3.通過設(shè)定定時時間，實現(xiàn)間歇性無縫滾動。

微信掃碼，參與3人拼團

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

信息滾動效果制作