簡介:你可以把這門課程看成是《玩轉(zhuǎn)Bootstrap》的補(bǔ)充篇,帶領(lǐng)大家學(xué)習(xí)怎么使用JS自由控制Bootstrap中提供的組件(插件)。
第1章 模態(tài)彈出框
本章節(jié)講解使用JS插件的方法使用模態(tài)彈出框,包括使用data方法和JS方法觸發(fā)彈出框。
- 編程: 1-1 導(dǎo)入JavaScript插件
- 編程: 1-2 動畫過渡(Transitions)
- 編程: 1-3 模態(tài)彈出框(Modals)
- 編程: 1-4 模態(tài)彈出框--結(jié)構(gòu)分析
- 編程: 1-5 模態(tài)彈出框--實現(xiàn)原理解析(一)
- 編程: 1-6 模態(tài)彈出框--實現(xiàn)原理解析(二)
- 編程: 1-7 模態(tài)彈出框--觸發(fā)模態(tài)彈出窗2種方法
- 編程: 1-8 模態(tài)彈出框--為彈出框增加過度動畫效果
- 編程: 1-9 模態(tài)彈出框--模態(tài)彈出窗的使用(data-參數(shù)說明)
- 編程: 1-10 模態(tài)彈出框--模態(tài)彈出窗的使用(JavaScript觸發(fā))
- 編程: 1-11 模態(tài)彈出框--JavaScript觸發(fā)時的參數(shù)設(shè)置(一)
- 編程: 1-12 模態(tài)彈出框--JavaScript觸發(fā)時的參數(shù)設(shè)置(二)
第2章 下拉菜單與滾動監(jiān)視器
本章節(jié)講解使用JS插件的方法實現(xiàn)“下拉菜單”與“滾動監(jiān)視器”效果。
第3章 選項卡、提示框和彈出框
本章節(jié)講解使用JS插件的方法實現(xiàn)“選擇卡”、“提示框”和“彈出框”效果。
- 編程: 3-1 選項卡(Tabs)
- 編程: 3-2 選項卡--選項卡的結(jié)構(gòu)
- 編程: 3-3 選項卡--觸發(fā)切換效果
- 編程: 3-4 選項卡--為選擇卡添加fade樣式
- 編程: 3-5 選項卡--膠囊式選項卡(nav-pills)
- 編程: 3-6 選項卡--JavaScript觸發(fā)方法
- 編程: 3-7 提示框(Tooltip)
- 編程: 3-8 提示框--結(jié)構(gòu)
- 編程: 3-9 提示框--JS觸發(fā)提示框方法
- 編程: 3-10 提示框--其他的自定義屬性
- 編程: 3-11 提示框--JS設(shè)置參數(shù)方法
- 編程: 3-12 彈出框(Popover)
- 編程: 3-13 彈出框--彈出框的結(jié)構(gòu)
- 編程: 3-14 彈出框--觸發(fā)彈出框的方法
- 編程: 3-15 彈出框--自定義結(jié)構(gòu)屬性
- 編程: 3-16 彈出框--提示框和彈出框的異同
第4章 警告框、按鈕
本章節(jié)使用JS插件的方法實現(xiàn)“警告框”、“按鈕”兩種效果。
第5章 手風(fēng)琴、圖片輪換和固定定位
本章節(jié)使用JS插件的方法實現(xiàn)“手風(fēng)琴”、“圖片輪換”和“固定定位”效果。
- 編程: 5-1 手風(fēng)琴(Collapse)
- 編程: 5-2 手風(fēng)琴--手風(fēng)琴結(jié)構(gòu)
- 編程: 5-3 手風(fēng)琴--聲明式觸發(fā)手風(fēng)琴(一)
- 編程: 5-4 手風(fēng)琴--聲明式觸發(fā)手風(fēng)琴(二)
- 編程: 5-5 手風(fēng)琴--聲明式觸發(fā)手風(fēng)琴(三)
- 編程: 5-6 圖片輪播(Carousel)
- 編程: 5-7 圖片輪播--輪播圖片的設(shè)計(一)
- 編程: 5-9 圖片輪播--輪播圖片的設(shè)計(二)
- 編程: 5-10 圖片輪播--輪播圖片的設(shè)計(三)
- 編程: 5-11 圖片輪播--聲明式觸輪播圖的播放(一)
- 編程: 5-12 圖片輪播--聲明式觸輪播圖的播放(二)
- 編程: 5-13 圖片輪播--JavaScript觸發(fā)方法
- 編程: 5-14 固定定位(Affix)
- 編程: 5-15 固定定位--聲明式觸發(fā)固定定位
第6章 自定義Bootstrap
本章節(jié)講解如何自己定制“Bootstrap”的方法。
第7章 綜合挑戰(zhàn)題
本章節(jié)帶領(lǐng)大家利用以前學(xué)習(xí)的知識,來制作一個完整的網(wǎng)頁。