~~~ 1.JS实现导航 2.JS实现Tab页切换 ~~~ ## 1.简单动画fadeIn-fadeOut [代码地址](https://gitee.com/html5_of_the_buddha_department/specialEffect/tree/master/javascript/fadeIn-Out)  ## [2.swiper.js使用]( https://www.swiper.com.cn/usage/index.html) ~~~ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.5/css/swiper.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.3.5/js/swiper.js"></script> <script src="swiper/swiper.js"></script> ~~~ ~~~ window.onload = function () { var mySwiper = new Swiper('.swiper-container', { // direction: 'horizonal', loop: true, autoplay: { delay: 2000, stopOnLastSlide: false, disableOnInteraction: false, }, // 如果需要分页器 pagination: { el: '.swiper-pagination', clickable: true }, // 如果需要前进后退按钮 navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', } }); }; ~~~