日本伊人网,欧美一级黑人AAAAAAA做受

首頁(yè) 免費(fèi)課焦點(diǎn)圖輪播特效問(wèn)答

焦點(diǎn)圖輪播特效

                
                阿安
            JS工程師

                    查看講師更多課程 
                    阿安講師的其他課程
                
人人網(wǎng)評(píng)論功能
初級(jí)·27692
免費(fèi)課程
                                
用JS實(shí)現(xiàn)購(gòu)物車特效
初級(jí)·43236
免費(fèi)課程
                                
                難度初級(jí)
            
                時(shí)長(zhǎng) 1小時(shí) 1分
            
                學(xué)習(xí)人數(shù)
            
綜合評(píng)分9.73
                            263人評(píng)價(jià)
                        查看評(píng)價(jià)
                                9.9
                                內(nèi)容實(shí)用
                            
                                9.7
                                簡(jiǎn)潔易懂
                            
                                9.6
                                邏輯清晰

全部評(píng)論問(wèn)答未解決精華

Gone4400233

謝謝老師，老師講的很棒，慕課網(wǎng)很棒，點(diǎn)贊

0 7-1 自動(dòng)播放

2016-11-21

帕克鵬

進(jìn)度條看不清楚不能隨心控制

0 1-1 原理介紹

2016-11-21

qq_俺忘了_0

老師把left直接寫進(jìn)行間了
正常是不會(huì)寫里面去的
所以一般用getCurrentStyle獲取樣式表里的left 不獲取行間的left

0 3-1 箭頭切換

2016-11-20

qq_俺忘了_0

添加一下那個(gè)小小同學(xué)的代碼
function move(dis) {
oWrap.style.left=parseInt(getStyle(oWrap,"left")) + dis + 'px';
}
oWrap是ul的ID 自己替換
oLeft.onclick=function () {
move(600);
};
oRight.onclick=function ()
{
move(-600);
};

1 3-1 箭頭切換

2016-11-20

qq_俺忘了_0

說(shuō)實(shí)話不是很好
封裝id
獲取currentStyle
把left還寫在行間
圖片多加兩個(gè)完全沒(méi)必要

2 3-1 箭頭切換

2016-11-20

慕粉4025628

我還是回頭重新學(xué)一遍js吧，前面都白學(xué)了

6 5-1 按鈕切換

2016-11-19

慕慕8663590

老師想得怎么總是和我不一樣呢？我是for循環(huán)的時(shí)候又新建了一個(gè)變量buttons[i].int = i;保存它的索引值，然后再去list.style.left = -600 + -600 * this.int +'px';

0 5-1 按鈕切換

2016-11-18

慕慕8663590

在顯示小黃點(diǎn)的時(shí)候可以直接用 index = Math.abs(parseInt(list.style.left) / 600) 來(lái)計(jì)算出index就不用再判斷了

4 4-1 無(wú)限滾動(dòng)

2016-11-18

darkofnight

這個(gè)與前面的Tab切換沖突，求解決辦法

2016-11-17

goon_

非常感謝??！

2016-11-15

心有猛虎_細(xì)嗅薔薇

我覺(jué)得這個(gè)課程才是讓我真正開始了解到JavaScript語(yǔ)法的邏輯。
從箭頭切換->無(wú)限滾動(dòng)->按鈕切換->延遲切換->自動(dòng)播放。
在這個(gè)過(guò)程中，每個(gè)函數(shù)的封裝，每個(gè)函數(shù)的調(diào)用，每個(gè)Bug的修復(fù)與優(yōu)化，循序漸進(jìn)。
看著自己寫完的200多行代碼，很開心。
我相信方法肯定不止一種，還會(huì)有更優(yōu)化更精煉的代碼能實(shí)現(xiàn)焦點(diǎn)輪播的功能，等著我們?nèi)パ芯縹

1 7-1 自動(dòng)播放

2016-11-13

心有猛虎_細(xì)嗅薔薇

這節(jié)課與Amy老師的《Tab選項(xiàng)卡切換效果》第三章搭配起來(lái)聽，效果會(huì)很好。要實(shí)現(xiàn)的功能都是自動(dòng)切換

0 7-1 自動(dòng)播放

2016-11-13

心有猛虎_細(xì)嗅薔薇

聽到動(dòng)畫，我就立刻想起了CSS樣式。添加transition即可實(shí)現(xiàn)效果

3 6-1 動(dòng)畫函數(shù)

2016-11-12

沒(méi)心沒(méi)肺活著不累4337143

你們有沒(méi)有發(fā)現(xiàn)當(dāng)圖在第一張的時(shí)候，直接點(diǎn)第五張，會(huì)有空白

2 7-1 自動(dòng)播放

2016-11-12

zyxailgq

妹子好美~

0 1-1 原理介紹

2016-11-09

首頁(yè)上一頁(yè)17 18 19 20 21 22 23 下一頁(yè)尾頁(yè)

開始學(xué)習(xí)

課程須知: 您需要有HTML，CSS經(jīng)驗(yàn)，能使用CSS制作靜態(tài)頁(yè)面，并對(duì)JS基礎(chǔ)知識(shí)有一定的了解

老師告訴你能學(xué)到什么？: 您將能掌握非常實(shí)用的焦點(diǎn)圖輪播特效的制作過(guò)程。

微信掃碼，參與3人拼團(tuán)

第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

熱搜

最近搜索清空

焦點(diǎn)圖輪播特效