简介:你可以把这门课程看成是《玩转Bootstrap》的补充篇,带领大家学习怎么使用JS自由控制Bootstrap中提供的组件(插件)。
第1章 模态弹出框
本章节讲解使用JS插件的方法使用模态弹出框,包括使用data方法和JS方法触发弹出框。
- 编程: 1-1 导入JavaScript插件
- 编程: 1-2 动画过渡(Transitions)
- 编程: 1-3 模态弹出框(Modals)
- 编程: 1-4 模态弹出框--结构分析
- 编程: 1-5 模态弹出框--实现原理解析(一)
- 编程: 1-6 模态弹出框--实现原理解析(二)
- 编程: 1-7 模态弹出框--触发模态弹出窗2种方法
- 编程: 1-8 模态弹出框--为弹出框增加过度动画效果
- 编程: 1-9 模态弹出框--模态弹出窗的使用(data-参数说明)
- 编程: 1-10 模态弹出框--模态弹出窗的使用(JavaScript触发)
- 编程: 1-11 模态弹出框--JavaScript触发时的参数设置(一)
- 编程: 1-12 模态弹出框--JavaScript触发时的参数设置(二)
第2章 下拉菜单与滚动监视器
本章节讲解使用JS插件的方法实现“下拉菜单”与“滚动监视器”效果。
第3章 选项卡、提示框和弹出框
本章节讲解使用JS插件的方法实现“选择卡”、“提示框”和“弹出框”效果。
- 编程: 3-1 选项卡(Tabs)
- 编程: 3-2 选项卡--选项卡的结构
- 编程: 3-3 选项卡--触发切换效果
- 编程: 3-4 选项卡--为选择卡添加fade样式
- 编程: 3-5 选项卡--胶囊式选项卡(nav-pills)
- 编程: 3-6 选项卡--JavaScript触发方法
- 编程: 3-7 提示框(Tooltip)
- 编程: 3-8 提示框--结构
- 编程: 3-9 提示框--JS触发提示框方法
- 编程: 3-10 提示框--其他的自定义属性
- 编程: 3-11 提示框--JS设置参数方法
- 编程: 3-12 弹出框(Popover)
- 编程: 3-13 弹出框--弹出框的结构
- 编程: 3-14 弹出框--触发弹出框的方法
- 编程: 3-15 弹出框--自定义结构属性
- 编程: 3-16 弹出框--提示框和弹出框的异同
第4章 警告框、按钮
本章节使用JS插件的方法实现“警告框”、“按钮”两种效果。
第5章 手风琴、图片轮换和固定定位
本章节使用JS插件的方法实现“手风琴”、“图片轮换”和“固定定位”效果。
- 编程: 5-1 手风琴(Collapse)
- 编程: 5-2 手风琴--手风琴结构
- 编程: 5-3 手风琴--声明式触发手风琴(一)
- 编程: 5-4 手风琴--声明式触发手风琴(二)
- 编程: 5-5 手风琴--声明式触发手风琴(三)
- 编程: 5-6 图片轮播(Carousel)
- 编程: 5-7 图片轮播--轮播图片的设计(一)
- 编程: 5-9 图片轮播--轮播图片的设计(二)
- 编程: 5-10 图片轮播--轮播图片的设计(三)
- 编程: 5-11 图片轮播--声明式触轮播图的播放(一)
- 编程: 5-12 图片轮播--声明式触轮播图的播放(二)
- 编程: 5-13 图片轮播--JavaScript触发方法
- 编程: 5-14 固定定位(Affix)
- 编程: 5-15 固定定位--声明式触发固定定位
第7章 综合挑战题
本章节带领大家利用以前学习的知识,来制作一个完整的网页。