JQuery插件网页轮播图IfelsendCarousel

这个是以前在乐港的时候,编写的JQuery插件,最近整理了下.把说明文档写的更加清晰,方便使用.

默认参数

var defaults = {
    numberType: "num", //页码展示方式,num为数字,pic为图片,需要样式支持
    currentClass: "on", //当前页码样式名
    speed: 3000, //播放速度,单位毫秒
    playType: 1 //播放方式.目前未实现.目前播放是直接隐藏显示,以后会扩展支持多种播放方式供选择
}

使用方法

<div class="Carousel">
    <ul>
        <li><a href="..."><img src="..."></a></li>
        <li><a href="..."><img src="..."></a></li>
        <li><a href="..."><img src="..."></a></li>
    </ul>
</div>
//展示数字类型页码
jQuery('#Carousel').IfelsendCarousel({"numberType":"num"});
//展示图片类型页码
jQuery('#Carousel').IfelsendCarousel({"numberType":"pic"});
//使用默认值
jQuery('#Carousel').IfelsendCarousel({});

演示地址

JQuery插件网页轮播图IfelsendCarousel演示

相关文章

发表评论

返回顶部