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

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

焦點圖輪播特效

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

最贊回答 / qq_特_3
<!DOCTYPE html><html><head>? ?<meta charset="UTF-8">? ?<title>輪播圖</title>? ?<style type="text/css">* {? ? ? ? ? ?margin: 0;padding: 0;text-decoration: none;}? ? ? ?body {? ? ? ? ? ?padding: 20px;}? ? ? ?#container...
看了一下評論,感覺個個都很厲害。都可以出教程了,不得不服

最新回答 / 阿布0418
width:100%;意思是讓圖片占據父容器100%,這里面圖片假設比父容器大,倒是不會影響,如果比父容器小,圖片會模糊,假設圖片比例與父容器比例相差比較大,設置:height:100%圖片是會發生變形的。假設把圖片設定為背景圖片,需要background-size:100% 100%;前面一個是寬度100%,后面一個是高度100%。
上面一樓獲點贊最多的那位妹紙是正解,把點擊下一個和上一個、小圓點的index那部分都放在判斷動畫條件里,動畫完成后再顯示按鈕。
非常實用!贊??!
很棒的課程!!

最贊回答 / 彈指
...看看標點是否中英混淆和字母拼寫,你不貼代碼神仙都難解決啊親

已采納回答 / 這波很關鍵
<...圖片...>因為該列表的“第一張圖”是圖⑤,而每一張圖寬度600px所以要左偏600px,以顯示圖①
就一個功能,輪播圖。
又來溫習一遍
完美,輪播圖太完美了
圖片左右按鈕,和自動播放不了。。。救命
馬馬虎虎敲完了,里面的bug也改了。如果需要的話,可以參考下我的代碼。https://pan.baidu.com/s/1kVinaYV
有bug是正常的,老師每節課的代碼還是很連貫的。等你去看那些大項目的課程,這點bug都不是事。有bug就去動手改,實在想不出來的,來看看評論里大家有什么好的解決方法。每個人做項目的思路和環境不一樣,很有可能你一開始自己就挖了一個坑,只是自己不知道而已。(其實這個項目是我第二次來看,第一次做到設置left的值那里就再也做不下去了,因為我把樣式寫在 style 標簽里,obj.style.left 是獲取不到值的,我當時是初學入門,調試不出來就放棄了,也沒看別人的評論。相隔數月,我又回來看原生js,因為我覺得原生js很重要。評論里的一些同學真的很給力,大家要靜下心學習)
課程須知
您需要有HTML,CSS經驗,能使用CSS制作靜態頁面,并對JS基礎知識有一定的了解
老師告訴你能學到什么?
您將能掌握非常實用的焦點圖輪播特效的制作過程。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消