BootStrap之基础-4 插件(JS插件)

一、JS插件

概览

- 脚本引用

- 依赖于jQuery

- 单个引用

- 全部引用

- 调用方式

- data属性

- 编程方式

- 事件

- e.preventDefault()

模态框

- 以弹出对话框的形式出现

工具提示

- tooltip.js

弹出框

- 弹出框依赖工具提示插件

过滤效果

- transaction.js

- CSS过渡

下拉菜单

滚动监听

标签页

警告框

按钮

折叠框

轮播

附加菜单

总结：本章内容主要介绍了 BootStrap 插件(JS插件)

时间： 2024-10-28 22:05:04

BootStrap之基础-4 插件(JS插件)的相关文章

custombox.js 插件如何点空白处不隐藏弹出框 overlayClose属性的应用

bootstrap中使用了custombox.js 插件,如下代码 <button href="/systems/application/add" data-target="custom-modal" type="button" class="btn_common btn-success waves-effect waves-light" data-animation="fadein" data-o

Bootstrap入门（二十九）JS插件6：弹出框

加入小覆盖的内容,像在iPad上,用于存放非主要信息弹出框是依赖于工具提示插件的,那它也和工具提示是一样的,是需要初始化才能够使用的首先我们引入CSS文件和JS文件 <link href="bootstrap.min.css" rel="stylesheet"> <script src="jquery-3.1.0.min.js" type="text/javascript"></script&

Bootstrap的js插件之轮播(carousel)

轮播请查看以下示例,基本已经涵盖最常用的一个轮播 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>js插件_轮播</titl

Bootstrap transition.js 插件详解

Bootstrap transition.js 插件详解时间 2015-01-27 12:12:00 博客园-原创精华区原文 http://www.cnblogs.com/xyzhanjiang/p/4252513.html 主题 Bootstrap JavaScript Bootstrap 自带的 JavaScript 插件的动画效果几乎都是使用 CSS 过渡实现的,而其中的 transition.js 就是为了判断当前使用的浏览器是否支持 CSS 过渡.下面先来简单了解下 CSS 过渡

关于Bootstrap之JS插件模态框的重要注意事项

用modal.js插件的模态框时,根据参考文档写下了如下代码: $('#myModal').modal('toggle').on('shown.bs.modal', function (e) { //TODO something }); 运行结果: chrome正常! IE8+(低版本没试)不响应事件,竟然不响应事件! >>排查步骤: 翻看文档,看有没有介绍此处存在兼容问题,结果没有: 既然不存在兼容问题,就是代码的编写问题了,问题变得好办了,顺序翻转: $('#myModal').on('s

bootstrap框架--js插件

javascript的js文件可以单个引入,也可以一次性全部引入,不过无论是哪种引入方式,都是依赖于jquery(1.9.1以上),所以要先插入jquery再引入js插件 data属性指向的是js单个插件名,例如data-toggle="dropdown",指向的是下拉菜单这个js插件 transition: 模态框轮播图选项卡折叠动画过度

一些前端用的JS插件

整理一些常用的JS库,其中大多数是jQuery相关插件,也有Bootstrap辅助插件及非jQuery插件.其功能涉及:页面布局.图片幻灯片播放.图片像册展示.功能辅助等内容.本篇只是简单介绍插件功能,以后使用到相关插件时再补充介绍插件使用方法的文章. jQuery Easing:jQuery 动画效果扩展 jQuery Migrate:jQuery 应用迁移辅助插件 Modernizr:专为HTML5和CSS3开发的功能检测类库 jQuery Flexslider:响应式 jQuery 内容滚

Bootstrap 轮播（Carousel）插件

Bootstrap 轮播(Carousel)插件是一种灵活的响应式的向站点添加滑块的方式.除此之外,内容也是足够灵活的,可以是图像.内嵌框架.视频或者其他您想要放置的任何类型的内容. 如果您想要单独引用该插件的功能,那么您需要引用 carousel.js.或者,正如 Bootstrap 插件概览一章中所提到,您可以引用bootstrap.js 或压缩版的 bootstrap.min.js. 实例下面是一个简单的幻灯片,使用 Bootstrap 轮播(Carousel)插件显示了一个循环播放元

前端js插件

jquery jquery官方版本:v 2.1.0v 1.11.0 yquery 暂停更新版本: v 1.6v 1.5 v 1.4v 1.3 v 1.2v 1.1 v 1.0 jQuery 原型插件(jquery-*) jquery-drag 版本: latestv 1.1 v 1.0 jquery-dialog 版本: latestv 1.5 v 1.4v 1.3 v 1.2v 1.1 v 1.0 样式:default jquery-scrollable 版本: latestv 1.0 j