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

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

焦點圖輪播特效

難度初級
時長 1小時 1分
學習人數
綜合評分9.73
263人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.6 邏輯清晰

最贊回答 / Lzy1996
其實這一大串判斷if ((speed<0&&parseInt(list.style.left)>newLeft) ? ?||speed>0&&parseInt(list.style.left)<newLeft)判斷內容太過于復雜,內容總結起來其實就是判斷當前的圖片是不是沒有移動到目標位置,完全可以替換為if(parseInt(list.style.left) != newLeft)這樣既簡潔又直觀清晰

最新回答 / KuiSAhn
我平時都是用
display:?flex;
flex-direction:?column;
align-items:?center;
justify-content:?center;
來時元素居中

已采納回答 / Cr4
animated的值已經改變了,它執行動畫的時候animated的值改為true了,不執行動畫是為false。

已采納回答 / 精慕門7264138
emm 我試了下 貌似移動得快一點也沒有出現你說的情況

已采納回答 / 逍遙呀a
這個你需要個判斷,設置成如果在動的話點擊無效就好了

最新回答 / 你這個糟老頭子
越往左移動,值就是越小的,所以左移的時候不可能出現當前值大于目標值的情況,if括號內的條件指的是:如果當前值大于目標值,說明還沒有移動到位(移動到位就相等了,不會執行動畫),所以需要后面執行動畫

最新回答 / 慕容6348289
每張圖片的width=600;在圖一之前有圖5,顯示圖一,left為-600

最新回答 / 不知該去哪
span是內聯元素,設置寬高、內邊距、外邊距都沒有效果,將它的display="inline-block",這樣設置就好了

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

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消