欢迎来到天天文库
浏览记录
ID:27671868
大小:160.50 KB
页数:17页
时间:2018-12-03
《bootstrap最常用的js插件系列总结(图片轮播、标签切换等)》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库。
1、Bootstrap最常用的JS插件系列总结(图片轮播、标签切换等)在Bootstrap下载与安装后,可以在D:ProgramFilesodejsode_modulesbootstrapjs中找到12个JS文件,这些JS文件是Bootstrap自带的12个jQuery插件,也可以在D:ProgramFilesodejsode_modulesbootstrapdistjs中找到bootstrap.js和bootstrap,min.js,这两个文件都包含12个jQuery插件。nbsp;在这12个jQuery插件中,最常用的
2、有图片轮播carousel•js、标签切换tab•js、滚动监听scrollspy.js、下拉列表dropdown.js、模块框弹出层modal.js和提示框tooltip,jso(—)图片轮播carousel.js图片轮播可以根据需要在css中设置图片大小,位置等。图片轮播需要引入jquery.min.js、carouse1.js,也可以引入transition.js添加过渡效果。nbsp;It:divelass=〃container-fluid〃gt;nbsp;1t;divclass=〃row〃gt;nbsp;It;divelass="col-
3、md-12"gt;nbsp;It;!—data_ride=〃carousel〃属性用于标记轮播在页面加载时就开始动画播放--gt;nbsp;It;divdata-ride=zzcarouselz/class=/zcarouselslide//id=//carousel-332839"gt;nbsp;nbsp;It:olclass=〃carousel-indicators〃gt;nbsp;nbsp;It;lielass=/,active^data-slideto="0"data-target=/z#carousel-332839"gt;nbsp;nb
4、sp;It;/ligt;nbsp:nbsp;It;lidata-slide-to=//lzzdata-target=〃#carousel-332839"gt;nbsp;nbsp;It;/ligt;nbsp:nbsp;It:lidata-slide-to=//2"data-target="#carousel-332839"gt;nbsp;nbsp;It;/ligt;nbsp;nbsp;It;/olgt:nbsp;nbsp;1t;divclass=〃carousel-inner〃gt;nbsp;nbsp;It;divclass="itemactive/
5、/gt;nbsp;nbsp;It;imgalt=〃CarouseIBootstrapFirst〃src=〃images/Chrysanthemum.jpg〃/gt;nbsp;nbsp;It;divclass=〃carousel-caption〃gt;nbsp:nbsp;It;h4gt;nbsp;nbsp;nbsp;FirstThumbnaillabelnbsp;nbsp;It;/h4gt;nbsp;nbsp;It;pgt;nbsp;nbsp;nbsp;Crasjustoodio,dapibusacfacilisisin,egestasegetqua
6、m.Donecidelitnonmiportagravidaategetmetus.Nullamiddoloridnibhultriciesvehiculautidelit.nbsp;nbsp;It;/pgt;nbsp;nbsp;It;/divgt;nbsp;nbsp;It;/divgt:nbsp;nbsp:It:divclass=〃item〃gt;nbsp;nbsp:It:imgalt=〃CarouselBootstrapSeconcTsrc'images/Desert.jpgVgt;nbsp;nbsp;It:divclass=〃carousel
7、-captiorTgt;nbsp;nbsp;It;h4gt;nbsp:nbsp;nbsp;SecondThumbnai1labelnbsp;nbsp;It;/h4gt:nbsp;nbsp;It:pgt:nbsp;nbsp;nbsp;Crasjustoodio,dapibusacfacilisisin,egestasegetquam.Donecidelitnonmiportagravidaategetmetus.Nullamiddoloridnibhultriciesvehiculautidelit.nbsp;nbsp;1t;/pgt;nbsp:nb
8、sp;It;/divgt;nbsp;nbsp;It;/divgt;nbsp;nbsp;It:divelass=〃item〃
此文档下载收益归作者所有