插件使用_插件框架使用

插件使用步骤

1. 引入jQuery文件
2. 下载插件
3. js css文件复制到文件夹
4. 打开index.html右键查看源代码，拷贝html引入和结构，css，js
5. 调整html结构，改js里的配置参数，改不了的检查里复制名字，后写覆盖

常用插件：瀑布流、懒加载、全屏滚动

网站：

jQuery之家-自由分享jQuery、html5、css3的插件库​www.htmleaf.com

jQuery插件库-收集最全最新最好的jQuery插件​www.jq22.com dowebok - 做好网站​www.dowebok.com

注意网站里的使用方法，VSCode里Ctrl+H可替换

bootstrap框架

复制引入相关文件

<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<script src="bootstrap/js/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>

拷贝结构记得放入<div class="container"></div>里，然后修改结构

通过data属性调用

<button data-toggle="modal" data-target="#btn">点击显示模态框</button>

或者通过JS调用

$(".类名").on("click", function() {
     拷贝使用说明里的js并修改 
})

导航栏套用模态框

模态框加个class类名.login，导航栏的某个<a>加上data-target = ".login",点这个a就能弹出模态框了。