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

為了賬號安全，請及時綁定郵箱和手機立即綁定

信息滾動效果制作

難度初級
時長39分
學習人數(shù)
綜合評分9.63
488人評價 查看評價
9.8 內(nèi)容實用
9.6 簡潔易懂
9.5 邏輯清晰
講得挺不錯的，很好，
在判斷scroll.scrollTop = 0事, if的條件是scroll.scrollTop==content.offsetHeight/2 ,為什么這里的offsetHeight除以2, 如果不除以2, 瀏覽器的效果時候,走完了content里的內(nèi)容,但是呢,不在循環(huán). 這會scollTop有關(guān)系, 當scorllTop滾到頂部,下面沒有內(nèi)容的時候,ScrollTop++是沒有用的, 但是這個時候呢scroll.scrollTop!=content.offsetHeigh,就停止了. 為了scrollTop
==offsetHeigh,把offsetHeigh/2就可以無縫滾動了.
這種方式去實現(xiàn)無線滾動有一個缺點就是, 不同的瀏覽器對scrollTop理解不同,兼容性很差, 效果不好,會跳一下.就是字還沒有走完, scrollTop就等于offsetHeight, 就賦值scrollTop為0了,效果不是很理想. 建議用jquery的方法來實現(xiàn). 里面有解決瀏覽器兼容性的問題
老師特別喜歡用setTime(), setInterval()這兩個循環(huán)調(diào)用的方法, 他們循環(huán)的方式有點不一樣的, 這里不做介紹,大家可以去百度. 當代碼執(zhí)行到 setTime(), setInterval()時,會不會馬上執(zhí)行他們中的函數(shù)里,不會,js在這里會在這里做下標記,放學后你等著. 繼續(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ù).
這里說下文中的一個地方,有點奇怪, 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é)果是相同的.
說下這里的scrollTop(),滾動條相對于其頂部的偏移, 就是滾動條向上移動,相對div的頂部偏移.當內(nèi)容剛剛好偏移出這個div的顯示區(qū)域的時候,這個scollTop就等于div中內(nèi)容的offsetHeight. 這里要給這個div加上overflow:hidden; 同樣的, 也是給他設(shè)置scollTop(),讓他內(nèi)容向上滾. 不是它自己滾動. 在不同的瀏覽器中滾動多少也不一樣,比如你設(shè)置的是滾動10px, chrome滾動了12px, 火狐滾動了15px,實際的效果有所差別. IE版本沒有測試過,不做評論

最新回答 / THMAIL
1、路徑問題；2、腳本錯誤；
知識普及：
direction: 滾動方向.
loop: 滾動循環(huán)次數(shù).
behavior: 滾動的行為.
scrollamount: 滾動的速度.
老師0.5的速度真的是汗
寫代碼沒反應(yīng)的建議看下控制臺，OK？學編程不看控制臺信息是干什么？就這樣還能編程？
這老師太喜歡調(diào)用方法了，要知道實際項目中很多時候直接寫匿名方法。
css的注意的地方也可以提示下，這樣我們在寫js代碼的時候會少走些彎路。
有個BUG，滾動完一圈之后就沒有這個間歇性效果了。。誰能解決嗎？

最贊回答 / THMAIL
因為讀取的時候是從頭讀到尾的，js放在head的時候，里面定義的獲取的一些屬性還沒有被讀取到，所以js一般最好放在body的最下面。1、window.onload=function(){var con1=document.getElementById("con1");var con2=document.getElementById("con2");var are=document.getElementById("big");? ? ? ? ? ? ? ? var speed = 50;? ? ? ? ? ...
首頁上一頁16171819202122下一頁尾頁
課程須知
1.您至少具備HTML/CSS基礎(chǔ)知識； 2.您至少具備JavaSript基礎(chǔ)知識；
老師告訴你能學到什么？
1.學會<marquee>標簽及屬性，制作簡單信息滾動。 2.掌握無縫滾動原理，運用JavaScript實現(xiàn)效果。 3.通過設(shè)定定時時間，實現(xiàn)間歇性無縫滾動。

微信掃碼，參與3人拼團

微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號
友情提示：

您好，此課程屬于遷移課程，您已購買該課程，無需重復購買，感謝您對慕課網(wǎng)的支持！

本次提問將花費2個積分

你的積分不足，無法發(fā)表

為什么扣積分？

本次提問將花費2個積分

繼續(xù)發(fā)表請點擊 "確定"

為什么扣積分？

舉報

0/150
提交
取消