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

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

焦點圖輪播特效

難度初級
時長 1小時 1分
學習人數
綜合評分9.73
263人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.6 邏輯清晰
非誠完美,很實用,這個老師厲害了,
有問題的同學,可以去看我的手記 http://www.xianlaiwan.cn/article/24166 ,另外我的代碼有一點小BUG,希望可以互相討論一起解決 加油?。?!

最新回答 / 你這個糟老頭子
越往左移動,值就是越小的,所以左移的時候不可能出現當前值大于目標值的情況,if括號內的條件指的是:如果當前值大于目標值,說明還沒有移動到位(移動到位就相等了,不會執行動畫),所以需要后面執行動畫
transition: 1s;
offset 的值不應該寫死,后期如果輪播圖的內容增加或減少,offset的值也需要修改,比較麻煩,用變量存一下offfset 的值
老師好屌,很細心的講解,一步一步優化,謝謝老師

最新回答 / 慕容6348289
每張圖片的width=600;在圖一之前有圖5,顯示圖一,left為-600
如果容器寬度為不能被3整除的數,點擊切換,位移會變多

最新回答 / 不知該去哪
span是內聯元素,設置寬高、內邊距、外邊距都沒有效果,將它的display="inline-block",這樣設置就好了
如樓上點贊最多的,再完善一下,點擊前后判斷了運動時不切換index,還有一個是視頻中老師的焦點切換,也要把myindex = index包含在if(!anitmated)里邊。 if (!animated) {
index = myIndex;
showButton();
animate(oOffset);
}
我覺得這里最扎心的就是老師這個speed,總是想著速度。繞暈,改成distance多好。

已采納回答 / Vunbo
如果依照老師的代碼來,是可以動的,如果沒有移動,那應該是list這個HTML里邊 有一段style="left: -600px;"的代碼沒有加上,你可以試一試
課程須知
您需要有HTML,CSS經驗,能使用CSS制作靜態頁面,并對JS基礎知識有一定的了解
老師告訴你能學到什么?
您將能掌握非常實用的焦點圖輪播特效的制作過程。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消