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

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

焦點圖輪播特效

難度初級
時長 1小時 1分
學習人數
綜合評分9.73
263人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.6 邏輯清晰
有bug是正常的,老師每節課的代碼還是很連貫的。等你去看那些大項目的課程,這點bug都不是事。有bug就去動手改,實在想不出來的,來看看評論里大家有什么好的解決方法。每個人做項目的思路和環境不一樣,很有可能你一開始自己就挖了一個坑,只是自己不知道而已。(其實這個項目是我第二次來看,第一次做到設置left的值那里就再也做不下去了,因為我把樣式寫在 style 標簽里,obj.style.left 是獲取不到值的,我當時是初學入門,調試不出來就放棄了,也沒看別人的評論。相隔數月,我又回來看原生js,因為我覺得原生js很重要。評論里的一些同學真的很給力,大家要靜下心學習)
老師講list的left屬性寫在了行內樣式中的,所以能通過 eleObj.style.left 讀寫。如果是嵌入式和外部式樣式表,這樣是不行滴。
如果要做 原生js開發的話,不可能去寫成內聯樣式。所以在獲取和設置屬性值得另外想辦法。
得贊最多的那位同學的獲取css樣式屬性值的方法就很好,但是不能進行設置,設置請參考這篇博客。

老師講的很好,把心靜下來,去翻翻JS紅寶書,看看別人的博客,跟著老師做不出效果,急是沒用的。
原生js太tm有挑戰性了。
太感謝老師了

已采納回答 / 慕沐4855668
首先給每一個小圓點注冊點擊事件,當有點擊事件時就獲取當前小圓點的index值,減去之前index的值就是它偏移量,因為每個小圓點都對應了一張圖片啊,每一張圖片的位置都是有left屬性值來確定的....
鏈接: https://ljxyaly.github.io/banner/banner.html

最新回答 / 這波很關鍵
說明你的手速已經超越動畫的運行速度啦?。?!o(* ̄▽ ̄*)ブ應該類似于老師在視頻6-1提到的問題吧。。。加入if (animated) {? ? ? ? ? ? ? ? ? ? ? ? return;? ? ? ? ? ? ? ? ? ? }就可以吧。。。( ̄_, ̄ )
對于沒有基礎的人來說真心虐啊 不知道在講啥
這個小圓點不相符圖片
老師講的很細致 思路清晰
說弄巧成拙的,我看你是失了志,知道css3的目的就是為了少寫這些冗余的代碼嗎

最新回答 / qq_木頭人_19
這。。。??梢钥聪略创a嗎?
12345
next.onclick = function () {
list.style.left=parseInt(list.style.left) -800 +'px';
}
prev.onclick = function () {
list.style.left=parseInt(list.style.left) +800 +'px';
}
本人小白按照老師教的打了一遍沒有效果求大神指點
哇哈哈哈 老師辛苦了 受益匪淺!?。?/div>
課程須知
您需要有HTML,CSS經驗,能使用CSS制作靜態頁面,并對JS基礎知識有一定的了解
老師告訴你能學到什么?
您將能掌握非常實用的焦點圖輪播特效的制作過程。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消