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

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

焦點圖輪播特效

難度初級
時長 1小時 1分
學習人數
綜合評分9.73
263人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.6 邏輯清晰
都說可以用css中的transition屬性來實現,,,,但是實現的效果跟視頻的不一樣啊,還是說我用錯了
最主要的核心老師都已經講過了,有些什么BUG自己測試出來就應該自己思考怎么去解決,而不是去說老師講的不好,就算去餐廳吃飯,也得你自己拿勺子懟到嘴里
除了點贊第一說的外,這代碼還是有個BUG個,當你使用宅男手速點擊圓點按鈕的時候圖片會抽風,解決辦法就是button[i].onclick后面加上判斷事件這樣當動畫執行完畢前,小按鈕的程序就不會被觸發
這動畫我看得好難懂哦,嗚嗚嗚、、、、
var myIndex = parseInt(this.getAttribute('index'));
var offset = -960 * (myIndex - index);
//關于這段代碼,計算偏移量的,還不理解,我在問答里面詳說提問了,求解釋
給了一些啟發
厲害咯,老師
有很多小BUG,右上角是老師改進后的源代碼,自己先碼一遍慢慢琢磨,再對照源代碼改進
很多bug啊
動畫那里寫這么多,其實可以用css中的transition屬性來實現,不過可以練習學習老師這種實現方法。
get新技能debugger
var buttons = document.getElementById('buttons').getElementsByTagName('span');這樣不能連寫吧
老師很贊!看完后,懂了很多。
視屏有BUG,自己打出來改動吧
{從這里開始沒有理解,因為我覺得既然開始聲明變量animated=false,那么!animated就是animated=true,而不是animated=false}然后我們每次點擊的時候,

{我們看一下這個animated是不是false,如果是false我們就讓它動畫,如果不是false我們就不調用這里面的函數(animate(-600)),就不執行動畫,}?我覺得這句話說反了,

在這里面加一個if

animated==false有一個簡潔的寫法就是
!animated,就是取反,
課程須知
您需要有HTML,CSS經驗,能使用CSS制作靜態頁面,并對JS基礎知識有一定的了解
老師告訴你能學到什么?
您將能掌握非常實用的焦點圖輪播特效的制作過程。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消