jQuery旋转木马插件carousel.js

一款jQuery旋转木马插件carousel.js，可自动循环轮播指定的图片，也可以点击每一个图片跳转轮播，效果还是挺棒的哦，喜欢的童鞋请收下吧。

分类：图片代码 > 图片轮播难易：初级

查看演示下载资源下载积分： 30 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

页面的head部分，设置好页面各元素的样式，代码如下：

页面的body部分，一个div容器作为遮罩层，另外一个指定id的div容器里放入多张展示图片，代码如下：

<div id="mask"></div>
<div id="carousel">
  <img src="images/1.png" alt="#">
  <img src="images/2.png" alt="#">
  <img src="images/3.png" alt="#">
  <img src="images/4.png" alt="#">
  <img src="images/5.png" alt="#">
</div>

页面的底部，先引入jQuery库和carousel插件，启用插件并设置好相应参数，代码如下：

<script src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/carousel.js"></script>
<script>
$(function () {
  $('#carousel').carousel({curDisplay: 0, autoPlay: true, interval: 3000});
});
</script>