Bootstrap 最常用的JS插件系列总结(图片轮播、标签切换等)
发布时间:2020-12-18 00:51:28 所属栏目:安全 来源:网络整理
导读:在Bootstrap下载与安装后,可以在D:Program Filesnodejsnode_modulesbootstrapjs中找到12个JS文件,这些JS文件是Bootstrap自带的12个jQuery插件,也可以在D:Program Filesnodejsnode_modulesbootstrapdistjs中找到bootstrap.js和bootstrap.min.js
在Bootstrap下载与安装后,可以在D:Program Filesnodejsnode_modulesbootstrapjs中找到12个JS文件,这些JS文件是Bootstrap自带的12个jQuery插件,也可以在D:Program Filesnodejsnode_modulesbootstrapdistjs中找到bootstrap.js和bootstrap.min.js,这两个文件都包含12个jQuery插件。 在这12个jQuery插件中,最常用的有 图片轮播carousel.js、标签切换tab.js、滚动监听scrollspy.js、下拉列表dropdown.js、模块框弹出层modal.js和提示框tooltip.js。(一)图片轮播carousel.js图片轮播可以根据需要在css中设置图片大小,位置等。 图片轮播需要引入jquery.min.js、carousel.js,也可以引入transition.js添加过渡效果。
Second Thumbnail label
Cras justo odio,egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.
Third Thumbnail label
Cras justo odio,egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit. (二)标签切换tab.js标签切换需要引入jquery.min.js、tab.js,也可以引入transition.js添加过渡效果。
I'm in Section 1.
I'm in Section 2.
(三)滚动监听scrollspy.js和下拉列表dropdown.js将滚动监听和下拉列表结合起来 制作 拥有下拉列表的可以滚动监听的导航条。 需要设置样式,本例的样式为:需要引入jquery.min.js、dropdown.js、scrollspy.js。 |