carousel轮播图焦点图插件特效

使用方法非常的简单便捷，如下：

1、引入所需的css文件和js文件

<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="css/carousel.css">
<script src="js/carousel.js"></script>

2、设置轮播图div容器

<div id="carousel"></div>

3、js代码显示轮播图

<script>var carousel =new Carousel({wrap:document.getElementById("carousel"),urlArr:["img/1.jpg","img/2.jpg","img/3.jpg","img/4.jpg","img/5.jpg","img/6.jpg"]
});</script>

使用还是非常方便的，并且可以在同一页面上设置不同的div属性id显示多个轮播图。