Bootstrap JavaScript 插件 - Bootstrap 中文网合作课程 VIP

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本套课程主要了解 Bootstrap JavaScript 插件,掌握过渡效果、模态框、下拉菜单、滚动监听、标签页、工具提示、弹出框、警告框、按钮、Collapse、Carousel 和 Affix 的使用。

    1.Bootstrap JavaScript 插件概览 00:10:12

    本课时讲解概览,包含引入方式、data 属性、编程方式的 API、命名空间、事件、版本、浏览器支持情况和第三方工具库。

    2.Bootstrap 过渡效果 00:04:18

    本课时讲解过渡效果,对于简单的过渡效果,只需将 transition.js 和其它 JS 文件一起引入即可。如果你使用的是编译(或压缩)版的bootstrap.js 文件,就无需再单独将其引入了。Transition.js 是针对 transitionEnd 事件的一个基本辅助工具,也是对 CSS 过渡效果的模拟。它被其它插件用来检测当前浏览器对是否支持 CSS 的过渡效果。

    3.Bootstrap 模态框 00:17:03

    本课时讲解模态框,模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小和最实用的功能集。

    4.Bootstrap下拉菜单 00:04:13

    本课时讲解下拉菜单、包含基本实例,用法、方法和事件。

    5.Bootstrap 滚动监听 00:09:33

    本课时讲解滚动监听,滚动监听插件是用来根据滚动条所处的位置来自动更新导航项的。如下所示,滚动导航条下面的区域并关注导航项的变化。下拉菜单中的条目也会自动高亮显示。

    6.Bootstrap 标签页 00:09:51

    本课时讲解标签页,包含基本实例、用法、方法和事件。

    7.Bootstrap 工具提示 00:07:10

    本课时讲解工具提示,包含基本实例、用法、参数、方法和事件。

    8.Bootstrap 弹出框 00:06:24

    本课时讲解弹出框,为任意元素添加一小块浮层,就像 iPad 上一样,用于存放非主要信息。弹出框的标题和内容的长度都是零的话将永远不会被显示出来。

    9.Bootstrap 警告框 00:06:17

    本课时讲解警告框,通过此插件可以为警告信息添加点击并消失的功能。当使用 .close 按钮时,它必须是 .alert-dismissible 的第一个子元素,并且在它之前不能有任何文本内容。

    10.Bootstrap 按钮 00:09:53

    本课时讲解按钮的功能很丰富,通过控制按钮的状态或创建一组按钮并形成一些新的组件,例如工具条。

    11.Bootstrap Collapse 00:09:37

    本课时讲解 Collapse,包含基本实例、手风琴效果、用法、参数、方法和事件。

    12.Bootstrap Carousel 00:10:44

    本课时讲解Carousel,包含基本实例、用法、参数、方法和事件。

    13.Bootstrap Affix 00:10:01

    本课时讲解 Affix,包含基本实例、用法、参数、事件。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

Bootstrap JavaScript 插件 - Bootstrap 中文网合作课程

13课时,115分钟2015-03-23
iwen
iwen

极客学院金牌布道师

课程背景:
本套课程主要了解 Bootstrap JavaScript 插件,掌握过渡效果、模态框、下拉菜单、滚动监听、标签页、工具提示、弹出框、警告框、按钮、Collapse、Carousel 和 Affix 的使用。 Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目,jQuery 插件为 Bootstrap 的组件赋予了生命,可以简单地一次性引入所有插件,也可以逐个引入。


核心内容:
1.概览
2.过渡效果
3.模态框
4.下拉菜单
5.滚动监听
6.标签页
7.工具提示
8.弹出框
9.警告框
10.按钮
11.Collapse
12.Carousel
13.Affix


软件环境:Mac


是否提供资料:


课程等级:初级


适合人群:
具有一定 HTML 基础的开发者

  • 技术问答
  • 资料与Wiki
  • 1

    Bootstrap JavaScript 插件概览

    10:12

    本课时讲解概览,包含引入方式、data 属性、编程方式的 API、命名空间、事件、版本、浏览器支持情况和第三方工具库。

  • 2

    Bootstrap 过渡效果

    04:18

    本课时讲解过渡效果,对于简单的过渡效果,只需将 transition.js 和其它 JS 文件一起引入即可。如果你使用的是编译(或压缩)版的bootstrap.js 文件,就无需再单独将其引入了。Transition.js 是针对 transitionEnd 事件的一个基本辅助工具,也是对 CSS 过渡效果的模拟。它被其它插件用来检测当前浏览器对是否支持 CSS 的过渡效果。

  • 3

    Bootstrap 模态框

    17:03

    本课时讲解模态框,模态框经过了优化,更加灵活,以弹出对话框的形式出现,具有最小和最实用的功能集。

  • 4

    Bootstrap下拉菜单

    04:13

    本课时讲解下拉菜单、包含基本实例,用法、方法和事件。

  • 5

    Bootstrap 滚动监听

    09:33

    本课时讲解滚动监听,滚动监听插件是用来根据滚动条所处的位置来自动更新导航项的。如下所示,滚动导航条下面的区域并关注导航项的变化。下拉菜单中的条目也会自动高亮显示。

  • 6

    Bootstrap 标签页

    09:51

    本课时讲解标签页,包含基本实例、用法、方法和事件。

  • 7

    Bootstrap 工具提示

    07:10

    本课时讲解工具提示,包含基本实例、用法、参数、方法和事件。

  • 8

    Bootstrap 弹出框

    06:24

    本课时讲解弹出框,为任意元素添加一小块浮层,就像 iPad 上一样,用于存放非主要信息。弹出框的标题和内容的长度都是零的话将永远不会被显示出来。

  • 9

    Bootstrap 警告框

    06:17

    本课时讲解警告框,通过此插件可以为警告信息添加点击并消失的功能。当使用 .close 按钮时,它必须是 .alert-dismissible 的第一个子元素,并且在它之前不能有任何文本内容。

  • 10

    Bootstrap 按钮

    09:53

    本课时讲解按钮的功能很丰富,通过控制按钮的状态或创建一组按钮并形成一些新的组件,例如工具条。

  • 11

    Bootstrap Collapse

    09:37

    本课时讲解 Collapse,包含基本实例、手风琴效果、用法、参数、方法和事件。

  • 12

    Bootstrap Carousel

    10:44

    本课时讲解Carousel,包含基本实例、用法、参数、方法和事件。

  • 13

    Bootstrap Affix

    10:01

    本课时讲解 Affix,包含基本实例、用法、参数、事件。

相关课程

  • Bootstrap 全局 CSS 样式 - Bootstrap 中文网合作课程

    本套课程主要了解 Bootstrap 的全局 CSS 样式, 包含栅格系统,排版,代码,表格,表单,按钮,图片,辅助类,响应式布局,让学员掌握 Bootstrap 提供的 CSS 样式的使用。

    10课时 108分钟
    初级
    37963人学习
  • Bootstrap 组件(上)- Bootstrap 中文网合作课程

    本套课程主要了解 Bootstrap 组件,使用组件可以更加快速的完成页面效果,例如警告框,下拉菜单,导航条等,无需自己再去定义这些组件,直接使用即可。

    11课时 83分钟
    初级
    24999人学习
  • Bootstrap 起步 - Bootstrap 中文网合作课程

    本套课程主要了解 Bootstrap,什么是 Bootstrap 以及基本的入门使用和对浏览器和设备的支持情况,让学员掌握 Bootstrap 的基本概念和基本应用及优势。

    4课时 15分钟
    初级
    57439人学习
  • Bootstrap 组件(下)- Bootstrap 中文网合作课程

    本套课程主要了解 Bootstrap 组件,使用组件可以更加快速的完成页面效果,例如警告框,下拉菜单,导航条等,无需自己再去定义这些组件,直接使用即可。

    11课时 71分钟
    初级
    19003人学习