亚洲日韩久草一本,国产玩具酱一区二区三区爱酱

首頁免費課 JS+CSS3實現帶預覽圖幻燈片效果問答

JS+CSS3實現帶預覽圖幻燈片效果

                
                Lyn
            Web前端工程師

                    查看講師更多課程 
                    Lyn講師的其他課程
                
JS+CSS3實現“粽情端午”
中級·39497
免費課程
                                
CSS3+JS 實現超炫的散列畫廊特效
中級·46087
免費課程
                                
可調大小面板實現（Resizeable Panel）
初級·13045
免費課程
                                
QQ空間時光軸特效
初級·29058
免費課程
                                
鼠標拖拽效果
初級·25990
免費課程
                                
                難度初級
            
                時長 1小時33分
            
                學習人數
            
綜合評分9.50
                            114人評價
                        查看評價
                                9.8
                                內容實用
                            
                                9.4
                                簡潔易懂
                            
                                9.3
                                邏輯清晰

全部評論問答未解決精華

為什么我們那么多同樣的問題，

最新回答 / MarlboroKay

...

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

2016-06-03

['','main-i-right'][i%2]什么意思

已采納回答 / 益銘

左邊是數組arr,arr[0]="",arr[1]="main-i-right"，右邊是取出數組中元素，通常用數字索引，像我左邊寫的那樣，老師用i%2這個表達式來求得0或1，其實就是i為奇數得1，i為偶數得0。

2 回答 1783 瀏覽 3-3 優化與擴展

2016-06-02

循環刪除main-i-active類的那塊，不要先判斷這個類是否存在嗎

最新回答 / UNhandsome

for (i=0 ;i<clear_ctrl.length;i++){??clear_main[i].className = clear_main[i].className.replace(' main-i_active','');??clear_ctrl[i].className = clear_ctrl[i].className.replace(' ctrl-i_active','');?}不知道是不是這個問題，(' main-i_active','')和(' ctrl-i_active',''...

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

2016-06-02

請問這預覽幻燈片怎么才能制作成自動播放的幻燈片？

最新回答 / 想念云的雨

使用setInterval定時器自動播放就可以了

1 回答 996 瀏覽 1-1 案例介紹

2016-06-01

下面的正則表達式能不能合并，合并在一起怎么寫

+ 我來回答回答最高可+2積分

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

2016-06-01

為什么只有標題會出現而圖標不會出現了呢？

最贊回答 / 慕仰6980779

你把行元素變成行內塊元素試試。display:inline-block;width:height:

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

2016-05-31

老師，這個例子的源碼在哪

已采納回答 / 小世界nny

<!doctype html><html><head><meta charset="utf-8"><title>js+css實現帶預覽圖幻燈片效果</title><style>*{margin:0;padding:0;}body{padding:50px 0;font-size:14px;font-family:"Microsoft YaHei UI";background:#fff;color:#555;-webkit-...

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

2016-05-31

倒影和動畫都出不來，求大神解答

最新回答 / 殤苡迦箬

有兼容性 ? 在谷歌里好用，ie不支持，火狐都有兼容

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

2016-05-30

為何圖片高度居中的函數不是在樣式的函數執行完畢之后才執行的？這背后的JS函數執行順序是什么樣的？

最新回答 / 慕函數8418674

---

1 回答 858 瀏覽 3-2 動態調整圖片高度

2016-05-21

這個預覽圖幻燈片效果能在手機客戶端上運行嗎？

+ 我來回答回答最高可+2積分

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

2016-05-17

9分35秒，在設置幻燈片切換樣式（.slider .main .main-i）樣式時，一旦絕對定位后兩張圖片均無法顯示。

+ 我來回答回答最高可+2積分

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

2016-05-14

最后的背景圖片優化

+ 我來回答回答最高可+2積分

0 回答 589 瀏覽

2016-05-13

求源碼?。?/i>

最新回答 / 慕婉清5048815
<script type="text/javascript"> ? ?//1.數據定義（實際環境中應由后臺給出） ? ?var data = [ ? ? ? ?{img:1,h1:'Creative',h2:'DUET'}, ? ? ? ?{img:2,h1:'Friendly',h2:'DEVIL'}, ? ? ? ?{img:3,h1:'Tranquilent',h2:'COMPATRIOT'}, ? ? ? ?{img:4,h1:'Insecure',h2:'HUSSLER'}, ? ?...

2 回答 1020 瀏覽 3-1 輸出以及切換
2016-05-12

div class="ctrl"></div>

+ 我來回答回答最高可+2積分

0 回答 1094 瀏覽
2016-05-12

id = template 啥時候變成“id = main_1”,“id = main_2”....的呀？

已采納回答 / 穩穩1990
<...圖片...>類名為main的div的id為template_main,類名為main-i的div的id為main_{{index}},也就是main_1，main_2

2 回答 1650 瀏覽 3-1 輸出以及切換
2016-05-10

首頁上一頁 6 7 8 9 10 11 12 下一頁尾頁

開始學習

課程須知

1、已經了解html標簽的用法，圖片資源的引用 2、已經了解css選擇符的概念，以及基本的樣式屬性作用（寬、高……） 3、已經了解JavaScript函數的調用，了解 DOM 元素的獲取及其屬性的讀寫 4、已經掌握變量，流程控制（條件，循環）

老師告訴你能學到什么？

1、方法論：VCD 分解法，教你破解任意特效案例的實現原理 2、CSS3 特效：倒影實現、樣式過度動畫 3、簡單的前端模板功能 4、JS通用函數：簡單的 id,class DOM 選擇器實現 5、腳本操作元素的屬性和樣式

微信掃碼，參與3人拼團

你發的評論可能會是問題？
是否將他發到問答中

熱搜

最近搜索清空

JS+CSS3實現帶預覽圖幻燈片效果