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

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

焦點圖輪播特效

難度初級
時長 1小時 1分
學習人數
綜合評分9.73
263人評價 查看評價
9.9 內容實用
9.7 簡潔易懂
9.6 邏輯清晰
還好,自己用jq改了下代碼,減少了代碼量
強迫癥看到ppt動的字瘋了
有一個bug,就是小圓點并不總是對應同一張圖片,這是不符合我們瀏覽的習慣的。假如連續點擊你會發現原本在最后一個小圓點那里的圖片跑到了第一個,第二個。。。。
我想問一下到底左右按鈕里邊的箭頭對應的是哪個CSS代碼,找不到!?。。?!
說用transistion的人,,你們是弄巧成拙,實現不了老師那種效果的。。該好好學就好好學,前期別整天想著取巧
要我來做的就要放上我的男寵陣容 啦啦啦~~~~
網上找了許多,沒想到這里才是真正我想要的!非常感謝您的指導!

最新回答 / qq_10_11
這樣可讓代碼更簡潔,可讀性更高

最新回答 / 加藤的心愿
這樣的話就取最小的圖取輪播,其余的要么縮小,要么用overflow屬性取剪裁,可以確保圖片清晰度,但大小沒辦法改變,有得有失吧!
還有一個問題,當你點擊一下左或右箭頭以后,在圖片還沒有停止前迅速點擊一個小圓點,當圖片停止后會發現小圓點和圖片又不搭邊了(不明顯的童鞋可以把timer適當調大一點),解決方法就是在小圓點的點擊事件(buttons[i].onclick())中把showButton()方法也放到if(!animated)判斷里邊,也就是這樣:if(!animated){aninmate();showButton();}.其實在左右箭頭的點擊事件中也是這樣的,我這里補充了一下Mechellewkx童鞋的觀點,希望對您有幫助.

最新回答 / 寧路鵬0813
<!DOCTYPE html><html lang="en"><head> ? ?<meta charset="UTF-8"> ? ?<title>輪播圖</title> ? ?<style type="text/css"> * { ? ? ? ? ? ?margin: 0; padding: 0; text-decoration: none; } ? ? ? ?body { ? ? ? ? ? ?padding: 20p...

最贊回答 / 寧路鵬0813
<!DOCTYPE html><html lang="en"><head> ? ?<meta charset="UTF-8"> ? ?<title>輪播圖</title> ? ?<style type="text/css"> * { ? ? ? ? ? ?margin: 0; padding: 0; text-decoration: none; } ? ? ? ?body { ? ? ? ? ? ?padding: 20p...
哪里有源碼?我想要
很好的一個課,講的很認真啊,謝謝老師了。
新手寫的組件化的ImageRoll,閑的蛋疼的大佬可以review,https://github.com/JimHoo/components/tree/master/ImageRoll
課程須知
您需要有HTML,CSS經驗,能使用CSS制作靜態頁面,并對JS基礎知識有一定的了解
老師告訴你能學到什么?
您將能掌握非常實用的焦點圖輪播特效的制作過程。

微信掃碼,參與3人拼團

微信客服

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

幫助反饋 APP下載

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

公眾號

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

友情提示:

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

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消