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

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

焦點圖輪播特效

難度初級
時長 1小時 1分
學習人數
綜合評分9.73
263人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.6 邏輯清晰
最好在定義了speed后添上這句話:speed = speed > 0 ? Math.ceil(speed) : Math.floor(speed); //防止speed出現小數;
因為當speed在0-1之間時會出bug
再看一遍!?。?/div>
老師講的真好

最新回答 / 慕娘0273224
<...code...>
前輩講的真好?。?!點贊!?。?/div>
視屏講的和下載的代碼有很大出入啊
現在有源代碼了,點評論旁邊的旁邊的資料下載

最新回答 / 胖子愛贊啵
speed算的是當前圖片在該圖片可切換的時間(time)內的每一時間段(interval)中移動的距離。因為你每張圖片的大小是1024,speed=1024/(300/10),結果為34.1333,圖片在移動的過程中實際移動距離34.133*30=1023.99和圖片實際長度1024不相等,每次移動少一點點,重復多次后,導致了你問題中描述的現象產生。解決方案,調整time的值,可以設置為var time = 320,這樣就可以避免你說的情況。
有bug 找不出來,雙擊或者快速點擊next或者prev的時候小圓點跟不上,對應不上圖片
這里的newleft 一定要改成newleft。因為不是局部變量,如果使用原來的list.style.left,則是全局變量,會保留原來的+600/=600的效果,也就不能歸位了。

最新回答 / 丶沉逑
檢查下你的圖片是 600px,400px 嗎?

最新回答 / 丶沉逑
那你設置的List 全改為小寫

最新回答 / 小禿子
我只是將圖片的大小變為了300,其他幾乎沒變
課程須知
您需要有HTML,CSS經驗,能使用CSS制作靜態頁面,并對JS基礎知識有一定的了解
老師告訴你能學到什么?
您將能掌握非常實用的焦點圖輪播特效的制作過程。

微信掃碼,參與3人拼團

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消