亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

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

信息滾動效果制作

難度初級
時長39分
學習人數
綜合評分9.63
488人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.5 邏輯清晰

已采納回答 / 飛飛赫赫
首先你的考慮無縫滾動的原理,就是復制一個一樣的接著上一個滾動,然后再明白scrollTop(被卷去的高度)和scrollHeight(區域高度),區域里有兩個ul他們等高并且剛好把區域高度劃分為兩半(area.scrollHeight/2),只要第一個滾到看不見了(area.scrollTop >= area.scrollHeight/2),就可以把第一個拉回到最底下(area.scrollTop=0)。不知道這樣的解釋你能明白嗎

已采納回答 / dinshuhon
建議嘗試 用js寫試試?

最新回答 / qq_Mr_9
if(area.scrollTop >= area.scrollHeight/2){ ? //當列表的滾動高度大于等于列表的一半高度(也就是到了第二個克隆塊)?? ??? ??? ??? ? area.scrollTop =0; ? //設置列表的高度為0,因為那時候克隆塊的高度也是0,所以就看不出來影響了

已采納回答 / 慕絲4635624
你好,我之前也是這么想的,后來發現DIV為塊狀元素,例子中css樣式中并沒有改變其POSITON屬性,所以不會重疊,而會在下方出現。

已采納回答 / 時辰哥
使用scrollLeft的必要條件是第一:此標簽的內容寬度超過了標簽本身的寬度。這個很容易理解,如果內容沒有超過標簽的寬度,不需要橫向的滾動就可以看到所有橫向的范圍,那在使用scrollLeft的時...

已采納回答 / 時辰哥
使用scrollLeft的必要條件是第一:此標簽的內容寬度超過了標簽本身的寬度。這個很容易理解,如果內容沒有超過標簽的寬度,不需要橫向的滾動就可以看到所有橫向的范圍,那在使用scrollLeft的時候肯定是無效的了。在這里很多新手經常會犯一個錯誤,內容的大小確實是超過了標簽的顯示范圍,但是卻因為瀏覽器的默認屬性換行了,也就是沒有在橫向上超出,這時候同樣是不能使用scrollLeft的。第二:scrollLeft的值范圍是在一定范圍內的,不能無限增大。當內容的最右端可以顯示的時候,scrollLeft便不能...

已采納回答 / 奶油面包
我遇到這個問題是因為默認樣式沒有清除

已采納回答 / One_Zx
moocBox 的內容是兩個ul (con1,con2)? moocBox的scrollTop屬性的值就是向上滾動的像素,滾過con1的整個高度(scrollHeight)【此時con2頂著box的頂部】將con1的位置重置,由于 con1和con2內容一樣,con1回到了初始位置 看上去就像一直在滾動

已采納回答 / TWT
<...code...><...code...>HTML onmouseover 事件屬性 ?http://www.w3school.com.cn/tags/event_onmouseover.aspCSS :hover 選擇器 ?http://www.w3school.com.cn/cssref/selector_hover.asp

已采納回答 / BCS
你看看有沒有 ?cantin 這個ID ?要不然就是你HTML代碼結構有問題 ?, 可以去研究下scrollTop的具體用法

已采納回答 / PdpdPdpd
啥意思?放第一行不是先執行這句然后再執行setInterval里面的嗎?然后放第二行是先執行setInterval然后再執行這句啊,都是要執行的呀。

已采納回答 / qq_JasonLiu_1
這是因為滾動高度的問題,就是說在執行scrollUp函數的時候,在判斷之前,scrollTop先加一,由于這里高度是24,每次執行要加兩次,也就是最后一次執行完,scrollTop等于已經24了,然后下次執行的時候又加了一,就是25了,所以永遠的都不會停下來,不知道我說清楚沒有,你可以把24改成25試試,
課程須知
1.您至少具備HTML/CSS基礎知識; 2.您至少具備JavaSript基礎知識;
老師告訴你能學到什么?
1.學會<marquee>標簽及屬性,制作簡單信息滾動。 2.掌握無縫滾動原理,運用JavaScript實現效果。 3.通過設定定時時間,實現間歇性無縫滾動。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消