亚洲精品av一区二区三区四区,国产卡一卡二卡三无线乱码新区,国产丝袜在线

首頁(yè) 免費(fèi)課 JS+CSS3實(shí)現(xiàn)帶預(yù)覽圖幻燈片效果問(wèn)答

JS+CSS3實(shí)現(xiàn)帶預(yù)覽圖幻燈片效果

                
                Lyn
            Web前端工程師

                    查看講師更多課程 
                    Lyn講師的其他課程
                
JS+CSS3實(shí)現(xiàn)“粽情端午”
中級(jí)·39495
免費(fèi)課程
                                
CSS3+JS 實(shí)現(xiàn)超炫的散列畫(huà)廊特效
中級(jí)·46085
免費(fèi)課程
                                
可調(diào)大小面板實(shí)現(xiàn)（Resizeable Panel）
初級(jí)·13045
免費(fèi)課程
                                
QQ空間時(shí)光軸特效
初級(jí)·29058
免費(fèi)課程
                                
鼠標(biāo)拖拽效果
初級(jí)·25987
免費(fèi)課程
                                
                難度初級(jí)
            
                時(shí)長(zhǎng) 1小時(shí)33分
            
                學(xué)習(xí)人數(shù)
            
綜合評(píng)分9.50
                            114人評(píng)價(jià)
                        查看評(píng)價(jià)
                                9.8
                                內(nèi)容實(shí)用
                            
                                9.4
                                簡(jiǎn)潔易懂
                            
                                9.3
                                邏輯清晰

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

Faxine

動(dòng)態(tài)調(diào)整圖片那段，做延遲調(diào)用還是會(huì)有閃現(xiàn)bug的。不防參考下這個(gè)：
document.onreadystatechange = function(){
console.log(document.readyState);
if(document.readyState == 'interactive'){
addSlider();
}
if(document.readyState == 'complete'){
resizeImg()
}
}
這樣就能確保resizeImg()調(diào)用前頁(yè)面結(jié)構(gòu)已經(jīng)出現(xiàn)了。

2017-08-28

alphamikeyankee

收益良多，謝謝老師~

0 3-1 輸出以及切換

2017-08-23

慕沐9366577

@xxqnjwggd className無(wú)效是因?yàn)閏lassName += ' main-i_active'沒(méi)加上一個(gè)空格，導(dǎo)致加進(jìn)去的class與上一個(gè)class黏在一起而失效

2 3-1 輸出以及切換

2017-08-15

Zealery

老師講的這種方式是不是就是Vue，angular的mvvm開(kāi)發(fā)方式啊，數(shù)據(jù)雙向綁定，我這種渣渣這個(gè)階段無(wú)法理解啊

3 3-1 輸出以及切換

2017-08-09

Zealery

前面還很清楚的，這節(jié)課徹底亂了0.0

1 2-3 基本界面樣式完成

2017-08-08

慕粉15708414153

className獲取不到，那位大神解釋一下

0 3-1 輸出以及切換

2017-08-05

小白菜v

哎喲我去。。。瞬間懵逼

1 3-1 輸出以及切換

2017-08-02

qq_雙魚(yú)兒_0

css寫(xiě)的太多了，js表示我想上場(chǎng)

1 2-3 基本界面樣式完成

2017-07-24

冬立2017

鏈接：http://pan.baidu.com/s/1hs1jaO8 密碼：venu

2017-07-24

木頭上點(diǎn)燈

倒影代碼貼出，可用
.ctrl-i img{
width: 100%;
position: absolute;
left: 0;
bottom: 30px;
z-index: 1;
-webkit-box-reflect:below 0 -webkit-linear-gradient(
transparent,
transparent 50%,
rgba(255,255,255,.3));
}

4 2-3 基本界面樣式完成

2017-07-17

CbdFocus

參考代碼, 稍有改動(dòng) https://github.com/icbd/html_exercise

4 1-1 案例介紹

2017-07-14

慕瓜4592758

聽(tīng)不清老師說(shuō)了些什么

0 2-1 距離底部有點(diǎn)距離

2017-07-13

carol_yc

@炸毛噠天才小阿君你的代碼文字出不來(lái)效果是因?yàn)檎齽t同時(shí)會(huì)匹配<h2>和<h3>標(biāo)簽，標(biāo)簽變成了data的中對(duì)應(yīng)的value值，設(shè)置的css就不起作用了

0 2-1 距離底部有點(diǎn)距離

2017-07-10

drmer

視頻中g(shù)('.main-i')我編寫(xiě)時(shí)拿不到dom元素，改成document.getElementsByClassName('main-i')可以拿到，可能執(zhí)行g(shù)函數(shù)時(shí)dom還沒(méi)加載完

0 3-1 輸出以及切換

2017-06-28

陳耿榮

不錯(cuò)哦，全部打完了，html和css部分我是按照自己的思路來(lái)的，沒(méi)有按照老師的思路去寫(xiě)，但是總體效果是一樣的，杠桿的，謝謝老師

0 3-4 總結(jié)

2017-06-25

首頁(yè)上一頁(yè)1 2 3 4 5 6 7 下一頁(yè)尾頁(yè)

開(kāi)始學(xué)習(xí)

課程須知: 1、已經(jīng)了解html標(biāo)簽的用法，圖片資源的引用 2、已經(jīng)了解css選擇符的概念，以及基本的樣式屬性作用（寬、高……） 3、已經(jīng)了解JavaScript函數(shù)的調(diào)用，了解 DOM 元素的獲取及其屬性的讀寫(xiě) 4、已經(jīng)掌握變量，流程控制（條件，循環(huán)）

老師告訴你能學(xué)到什么？: 1、方法論：VCD 分解法，教你破解任意特效案例的實(shí)現(xiàn)原理 2、CSS3 特效：倒影實(shí)現(xiàn)、樣式過(guò)度動(dòng)畫(huà) 3、簡(jiǎn)單的前端模板功能 4、JS通用函數(shù)：簡(jiǎn)單的 id,class DOM 選擇器實(shí)現(xiàn) 5、腳本操作元素的屬性和樣式

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

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

熱搜

最近搜索清空

JS+CSS3實(shí)現(xiàn)帶預(yù)覽圖幻燈片效果