1.0.0 • Published 7 years ago
carousel-ycr v1.0.0
#一个简单的轮播插件 一个例子 ###使用方法: 1.写出轮播结构
<div class="carousel carousel1">
<ul class="img-ct">
<li><a href="#"><img src="http://cdn.jirengu.com/book.jirengu.com/img/26.jpg"></a></li>
<li><a href="#"><img src="http://cdn.jirengu.com/book.jirengu.com/img/25.jpg"></a></li>
<li><a href="#"><img src="http://cdn.jirengu.com/book.jirengu.com/img/24.jpg"></a></li>
<li><a href="#"><img src="http://cdn.jirengu.com/book.jirengu.com/img/23.jpg"></a></li>
</ul>
<a href="#" class="pre arrow"><</a>
<a href="#" class="next arrow">></a>
</div>
2.引用样式
<link rel="stylesheet" href="./css/style.css">
3.引用js
<script type="text/javascript" src="./js/libs/jquery.js"></script>
<script type="text/javascript" src="./js/carousel.js"></script>
###调用方法 只需要new一个新对象,并传入类名作为参数
new Carousel($('.carousel1'));
1.0.0
7 years ago