Bootstrap

Bootstrap 让前端开发更快速、简单。所有开发者都能快速上手、所有设备都可以适配、所有项目都适用
https://v3.bootcss.com/

Swiper

Swiper常用于移动端网站的内容触摸滑动

Swiper是纯javascript打造的滑动特效插件，面向手机、平板电脑等移动终端。

Swiper能实现触屏焦点图、触屏Tab切换、触屏轮播图切换等常用效果。

Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！
https://www.swiper.com.cn/

SuperSlide

SuperSlide 致力于解决网站大部分特效展示问题，使网站代码规范整洁，方便维护更新。

网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决！

从此无需网上苦苦寻觅特效，无需加载n个插件，无需害怕代码冲突，你需要的只是一个SuperSlide！

http://www.superslide2.com/

AOS Animate On Scroll Library

AOS 是一个用于在页面滚动的时候呈现元素动画的工具库，你可能会觉得它和 WOWJS 一样，的确他们效果是类似的。但是AOS是 CSS3 动画驱动的库，当你滚动页面的时候能让元素动起来，当页面滚回顶部的时候，元素能够回到前一个状态，如此达到循环动画的效果。
http://michalsnik.github.io/aos/

animate.css

强大的跨平台的预设css3动画库

内置了很多典型的css3动画，兼容性好使用方便
https://animate.style/

animate.css 简单引用方式：

在css文件里写上鼠标经过的样式，举个例子，比如.logo是你的logo层样式名，代码如下，swing为动画库动画的名称：

.logo:hover{-webkit-animation-name:swing;animation-name:swing;}

最后在需要的地方调用，例如在样式名为.logo的层上面设置鼠标经过效果，要记住加上animated样式名，示例代码如下：

Hover.css

Hover.css 是一套基于 CSS。3 的鼠标悬停效果和动画，这些可以非常轻松的被应用到按钮、LOGO 以及图片等元素。所有这些效果都是只需要单一的标签，必要的时候使用 before 和 after 伪元素
http://ianlunn.github.io/Hover/

imagehover.css

imagehover.css是一款纯CSS3鼠标滑过图片效果动画库。它可以适应图片的缩放,提供44种不同的鼠标滑过图片效果
http://www.imagehover.io/

stickUp a jQuery plugin

页面滚动的时候固定一个元素到浏览器窗口的顶部,让其总是保持在视图中可见
http://lirancohen.github.io/stickUp

滚动条美化

::-webkit-scrollbar-track

{

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);

border-radius: 10px;

background-color: #F5F5F5;

}

::-webkit-scrollbar

{

width: 12px;

background-color: #F5F5F5;

}

::-webkit-scrollbar-thumb

{

border-radius: 10px;

-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);

background-color: #555;

}