国产精品999,99精品免费视频

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

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

                
                Lyn
            Web前端工程師

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

全部評論問答未解決精華

在這個案例的基礎(chǔ)上增加了自動輪播、導(dǎo)航箭頭控制輪播以及將 HTML中控制按鈕中的 switchSlider 移到了js文件中，從而實(shí)現(xiàn)結(jié)構(gòu)、行為的分離

最新回答 / 守候你的季節(jié)

main.js中第46行的注釋寫錯了，你們懂的，不加?[0]得到的是一個偽數(shù)組

1 回答 1293 瀏覽 3-3 優(yōu)化與擴(kuò)展

2016-09-13

提示圖;hover的問題

已采納回答 / moshikaishi

點(diǎn)小圖出大圖，大圖劃動，小圖也會變

2 回答 1478 瀏覽 2-3 基本界面樣式完成

2016-08-31

那個文字動畫是怎么觸發(fā)的

最新回答 / stone310

先將文字安排好初始樣式（初始位置），再添加個結(jié)束樣式（最終位置），再統(tǒng)一用css3的transition觸發(fā)，我這里寫了個小例子，只需要對class名進(jìn)行更改就可以出現(xiàn)動畫效果<...code...>

2 回答 868 瀏覽 3-3 優(yōu)化與擴(kuò)展

2016-08-31

.slider .ctrl 當(dāng)中的bottom：-13px是什么意思，為什么前面加“ - ”符號呢？

最贊回答 / Joeeeee

這是為了將.ctrl放在.slider的下邊13px處，請看圖，應(yīng)該很清楚的了<...圖片...>

3 回答 1198 瀏覽 2-1 距離底部有點(diǎn)距離

2016-08-23

課程JS+css3實(shí)現(xiàn)帶預(yù)覽圖幻燈片效果問題

最新回答 / 慕蓋茨4878874

這個是css3動畫呀，transition就是一個動畫屬性，你可以去w3school看看這個API（transition），所以它跟hover是沒有關(guān)系的，hover是鼠標(biāo)覆蓋，而transition是頁面加載時就可以動了transform:all 0.8s ? ? all指的就是.slider .main .main-i h2,.slider .main .main-i h3到.slider .main .main-i_active h2,.slider .main .main-i_active h2里...

2 回答 985 瀏覽 2-3 基本界面樣式完成

2016-08-18

aaaa

最新回答 / 請叫我橙子蛋

bbbb

1 回答 662 瀏覽 3-1 輸出以及切換

2016-08-17

這種寫法只適合嵌入式樣式和js嗎為什么我用外部樣式效果就出不來了？

最新回答 / 設(shè)計師小站

注意圖片地址，外部樣式可以

2 回答 1314 瀏覽 3-1 輸出以及切換

2016-07-30

請問這是什么編輯器呢？

最新回答 / Jake_seru

Sublime Text

2 回答 804 瀏覽 3-3 優(yōu)化與擴(kuò)展

2016-07-28

圖片彈出位置不對

最新回答 / 我是靜哥哥

你應(yīng)該是html和css中的class名不一致造成的，比如ctrl-i_active寫成ctrl-i-active，不一致的話，點(diǎn)擊時候就是會圖片一直往下顯示的。我的情況是這樣子的，你好好檢查一下你的，或許跟我的是一樣的問題

1 回答 911 瀏覽 3-2 動態(tài)調(diào)整圖片高度

2016-07-27

圖片沒有顯示,審查元素里有7個img

最新回答 / 慕蓋茨4878874

?var?main=g('.main_'+n);? var?ctrl=g('.ctrl_'+n);81，82行調(diào)用的是id，前面沒有點(diǎn)，?var?main=g('main_'+n);? var?ctrl=g('ctrl_'+n);這樣就對了哈

1 回答 1766 瀏覽 3-3 優(yōu)化與擴(kuò)展

2016-07-26

幻燈片的問題

最新回答 / qq_貍貓_0

你連代碼都不貼誰知道你有什么問題

1 回答 1108 瀏覽 3-2 動態(tài)調(diào)整圖片高度

2016-07-25

有沒有源碼啊

已采納回答 / 慕萊塢9220042

好像沒有，可以自己手敲，跟著敲，一樣可以實(shí)戰(zhàn)操作練習(xí)。

2 回答 1431 瀏覽 1-1 案例介紹

2016-07-21

'innerHTML' of null

最新回答 / Svennnn

學(xué)習(xí)js不可能不學(xué)jquery

3 回答 2248 瀏覽 3-1 輸出以及切換

2016-07-20

模版替換有錯

最新回答 / AlbertDong

因?yàn)榫庉嬈鞑豢赡苷J(rèn)識這種自定義的template語法

2 回答 956 瀏覽 3-4 總結(jié)

2016-07-19

圖片地址問題

最新回答 / 我打點(diǎn)醬油

那是你圖片名稱的問題啊，把你圖片的名稱改成“{{index}}”就好啦

1 回答 845 瀏覽 3-1 輸出以及切換

2016-07-18

首頁上一頁 4 5 6 7 8 9 10 下一頁尾頁

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

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

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

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

熱搜

最近搜索清空

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